书接上回,如果不用webpack,选择一款小快灵的打包工具rollup.js,试一试。
所以第五步开始
- 安装一些包
npm install rollup rollup-plugin-node-resolve rollup-plugin-babel @babel/plugin-external-helpers -D
- 配置rollup.config.js
import babel from 'rollup-plugin-babel'
import resolve from 'rollup-plugin-node-resolve'
export default {
input: 'src/index.js',
plugins: [
resolve(),
babel({
exclude: 'node_modules/**'
})
],
output: {
file: 'build/bundle.js',
format: 'umd'
}
}
部分配置项是新写法(趟坑趟出来的)
但是还是会报一些亮色警告
(!) babel plugin: Using "external-helpers" plugin with rollup-plugin-babel is deprecated, as it now automatically deduplicates your Babel helper s.
但是可以用。
是不是说@babel/plugin-external-helpers和rollup-plugin-babel功能重复了呢?不清楚!两个去掉其中之一好像都无法完成打包。
网友评论