sourcemaps如果适用

--save因为代码实际执行时不依赖这个插件——只是在打包时使用。

在配置文件中启用插件

xiaoming;console.log(name);})));

看到bundle中仅引用了data.json中的name字段,这是因为rollup会自动进行

Tree-shaking,main.js中仅引入了name,age并没有没引用,所以age并不会被打包

rollup基础插件

提供eslint能力rollup-plugin-node-resolve:

node_modules

通常配合上面一个插件使用rollup-plugin-serve:

webpack-dev-server,

提供静态服务器能力rollup-plugin-filesize:

bundle

不会去寻找从npm安装到你的node_modules文件夹中的软件包;

Rollup

请注意rollup-plugin-commonjs应该用在其他插件转换你的模块之前

npm

的一些处理失败我们使用external-helpers插件它允许

Rollup

“helpers”而不是每个使用它们的模块中都引用一遍这是默认行为

rollup之前,

babel-plugin-external-helpers一个简单的配置项

import

[resolve(),commonjs(),json(),babel({exclude:

rollup优势

它是清除实际上并没有在给定项目中使用的代码的过程但是它可以更加高效。

)打包速度快配置简单

rollup

rollup更适合构建javascript库,也可用于构建绝大多数应用程序;但是rollup

还不支持一些特定的高级功能尤其是用在构建一些应用程序的时候特别是代码拆分和运行时态的动态导入

dynamic

runtime.如果你的项目中需要这些功能,则使用webpack更为适合;