- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端技术归纳
rollup打包ts+react最佳实践
支持加载css 一般情况下，我们写组件库是不会用到css的，但如果你编写的库需要引入css，就需要添加rollup-plugin-postcss插件，它支持css文件的加载、css加前缀、css压缩、对 安装 npm install -D rollup-plugin-postcss 添加配置 import postcss from 'rollup-plugin-postcss'; ... 这样配置仅支持引入css，如果想使用其他的功能，可以参考 https://www.npmjs.com/package/rollup-plugin-postcss 打包优化 rollup-plugin-delete alias from '@rollup/plugin-alias'; import commonjs from 'rollup-plugin-commonjs'; import postcss from 'rollup-plugin-postcss rollup-plugin-commonjs": "^10.1.0", "rollup-plugin-delete": "^2.0.0", "rollup-plugin-livereload": "^2.0.5", "rollup-plugin-postcss
4.2K20编辑于 2022-11-14 - 来自专栏跟牛老师一起学WEBGIS
使用roolup构建你的lib
from '@rollup/plugin-commonjs' plugins:[ resolve(), commonjs(), ] // 5.执行编译命令 npm run prod 3. rollup-plugin-postcss // 1.安装依赖 cnpm i postcss rollup-plugin-postcss autoprefixer@8.0.0 postcss --D // 2.修改文件`config/rollup.config.prod.js ` import postcss from 'rollup-plugin-postcss' import autoprefixer from 'autoprefixer' plugins:[ postcss
80711发布于 2021-09-10 - 来自专栏前端技术江湖
基于rollup打造组件库，你可能会用到这些插件
plugins: [ commonjs(), babel({ babelHelpers: 'bundled' }) ], }; rollup-plugin-postcss 处理css 会用到rollup-plugin-postcss插件。 // rollup.config.js import postcss from 'rollup-plugin-postcss' export default { plugins: [ postcss
1.5K10编辑于 2022-05-22 - 来自专栏各类技术文章~
使用Preact 开发基于Shadow DOM的JS插件
以Rollup为例，使用rollup-plugin-postcss插件，即可完成： rollup.config.js import postcss from "rollup-plugin-postcss
2.4K30发布于 2021-10-09 rollup 学习
它通过插件的方式扩展了 CSS 的功能，可以用来进行自动添加浏览器前缀、压缩 CSS、支持未来的 CSS 特性等rollup-plugin-postcss 是一个 Rollup 插件，用于在 Rollup 构建过程中集成 PostCSS安装依赖pnpm install postcss rollup-plugin-postcss --save-devsrc\main.ts引入 main.cssimport console.log(name1, age);src\main.cssbody { background-color: green;}rollup.config.jsimport postcss from "rollup-plugin-postcss
45910编辑于 2025-05-27- 来自专栏前端lucio
Rollup模块打包踩坑指南
npm install -D rollup-plugin-postcss //rollup.config.js plugins: [ // … postcss({ from 'rollup-plugin-node-resolve'; import commonjs from 'rollup-plugin-commonjs' import postcss from 'rollup-plugin-postcss
3.7K30编辑于 2023-04-22 - 来自专栏前端导学
使用rollup创建组件库
执行npm run build:prod 查看打包的文件是否被压缩了 如果项目中要引入.vue文件， 需要安装以下插件，并修改配置 npm i rollup-plugin-vue -D npm i rollup-plugin-postcss json = require('rollup-plugin-json') const vue = require('rollup-plugin-vue') const postcss =require('rollup-plugin-postcss
1.7K21发布于 2020-12-08 - 来自专栏Czy‘s Blog
Rollup的基本使用
"^0.13.0", "npm": "^6.14.5", "rollup": "^2.18.2", "rollup-plugin-babel": "^4.4.0", "rollup-plugin-postcss rollup-plugin-uglify": "^6.0.4", "rollup-plugin-userscript-metablock": "^0.2.5" } } import postcss from "rollup-plugin-postcss
1.6K10发布于 2021-02-25 - 来自专栏M不作声
使用webpack和rollup打包组件库
将我们编写的源码与依赖的第三方库进行合并 import resolve from 'rollup-plugin-node-resolve' // postcss处理css文件 import postcss from 'rollup-plugin-postcss
1.5K10发布于 2021-03-05 - 来自专栏前端魔法指南
从文档开发框架到package.json，带你走一轮React组件库构建与发布
脚手架生成的基本没啥配置 而现在我们需要改成这样： import resolve from '@rollup/plugin-node-resolve'; import postcss from 'rollup-plugin-postcss
4.5K20编辑于 2022-09-21 - 来自专栏源码揭秘
揭秘 Rollup Tree Shaking
from '@rollup/plugin-typescript' import { terser } from 'rollup-plugin-terser' import postcss from 'rollup-plugin-postcss （因为默认只支持ES6 module） @rollup/plugin-typescript支持解析typescript rollup-plugin-terser支持压缩js rollup-plugin-postcss
3.3K20编辑于 2022-02-14 - 来自专栏云前端
手摸手教你封装跨项目复用的 Vue 组件库
增加单独的 rollup.config.dev.js，根据环境参数启动服务： import serve from 'rollup-plugin-serve'; import postcss from 'rollup-plugin-postcss
3.3K10发布于 2020-06-15 - 来自专栏前端技术江湖
详解前端领域的插件式设计
例如，当我们需要把我们前端代码中的 css 样式提取打包，我们可以用 webpack 的 mini-css-extract-plugin，或者你如果用 rollup 的话，可以选择 rollup-plugin-postcss
60730编辑于 2023-11-06 - 来自专栏code秘密花园
前端领域的插件式设计
例如，当我们需要把我们前端代码中的 css 样式提取打包，我们可以用 webpack 的 mini-css-extract-plugin，或者你如果用 rollup 的话，可以选择 rollup-plugin-postcss
2.3K20编辑于 2023-01-09 - 来自专栏那些年我们学过的前端
从零开始，手摸手搭建前端组件库
import { uglify } from 'rollup-plugin-uglify';import vue from 'rollup-plugin-vue'import postcss from 'rollup-plugin-postcss
3.3K30编辑于 2023-02-27 - 来自专栏Czy‘s Blog
从零实现的浏览器Web脚本
document-start去前置执行代码，但是在此时head标签是没有完成的，所以在这里还需要特别关注下CSS注入的时机，如果脚本是在document-start执行的话通常就需要自行注入CSS而不能直接使用rollup-plugin-postcss
1.7K50编辑于 2023-11-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号