rollup使用()

  • 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
————————
  • 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