标签：index dist rollup bundle js webpack 使用
- rollup与webpack区别
rollup都是对模块化的打包工具;
webpack支持esmodule和commonjs,而rollup只默认支持esmodule,如果要支持commonjs要使用插件;
rollup更多是用在第三方库编写的时候使用,而webpack是用在开发项目中;
rollup自身所依赖的库比较少,而webpack依赖众多第三方库;
weapack通过各种loader来处理各种文件,而rollup专注于处理javascript代码,rollup的配置理念更加简洁;
早期webpack不支持treeshaking,而rollup相当更有优势;
- 使用
npx rollup ./src/index.js -f iife --name hehe -o dist/bundle.js //浏览器环境
npx rollup ./src/index.js -f ejs -o dist/bundle.js //esmodule
npx rollup ./src/index.js -f amd/cmd -o dist/bundle.js //amd
npx rollup ./src/index.js -f umd --name hehe -o dist/bundle.js //所有环境 /browser/esmodule/amd
标签：index,
dist,
rollup,
bundle,
js,
webpack,
使用
From： https://www.cnblogs.com/jjfgogo/p/17233939.html