rollup配置

书接上回,如果不用webpack,选择一款小快灵的打包工具rollup.js,试一试。

所以第五步开始

  1. 安装一些包
    npm install rollup rollup-plugin-node-resolve rollup-plugin-babel @babel/plugin-external-helpers -D
  2. 配置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功能重复了呢?不清楚!两个去掉其中之一好像都无法完成打包。

你可能感兴趣的:(rollup配置)