文章预览
Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下： mkdir rollup-test cd rollup-test npm init -y 我们创建两个模块： src/index.js import { add } from './utils' ; function main ( ) { console .log(add( 1 , 2 )) } export default main; src/utils.js function add ( a, b ) { return a + b; } export { add } 很简单的两个模块，我们分别用 rollup 和 webpack 来打包下： 安装 rollup： npm install --save-dev rollup 创建 rollup.config.js /** @type {import("rollup").RollupOptions} */ export default { input : 'src/index.js' , output : [ { file : 'dist/esm.js' , format : 'esm' }, { file : 'dist/cjs.js' ,
………………………………
