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功能重复了呢?不清楚!两个去掉其中之一好像都无法完成打包。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容