周末在家重构网关的Npm包,用到了rollup,记下笔记
rollup适合库library的开发,而webpack适合应用程序的开发。 rollup也支持tree-shaking,自带的功能。 package.json 也具有 module 字段,像 Rollup 和 webpack 2 这样的 ES6 感知工具(ES6-aware tools)将会直接导入 ES6 模块版本。
{
output: {
file: 'dist/index.umd.js',
format: 'umd',
name: 'ClientApi'
}
}
rollup.config.js
$ rollup -c # compile
$ rollup -c -w # compile and watch
rollup -w时,会抛出ROLLUP_WATCH环境变量为true
{
"presets": [
["latest", {
"es2015": {
"modules": false
}
}]
],
"plugins": ["external-helpers"]
}
我们设置"modules": false,否则 Babel 会在 Rollup 有机会做处理之前,将我们的模块转成 CommonJS,导致 Rollup 的一些处理失败。