rollup的一个特性就是对代码模块使用了新的标准化格式（包含在es6版本中），即不一定使用babel编译，就能打包；但是依然想折腾试下。
首先文档上介绍的两个babel插件均已过期不再支持，不要再用了！！！
第一步，安装babel插件*****rollup-plugin-babel,* 具体过程略；
安装完这插件之后会有警告，不要慌；这时需要安装当前插件的依赖@babel/core，即babel的核心插件。
第二步，配置rollup.config.js文件（使用的插件要在plugins项中配置）
image.png
第三步，在编译前要配置babel的配置文件.babelrc
image.png
babel的配置文件.babelrc在以后会有特别说明；
babel/external-helpers插件，他允许在rollup的顶部只引用一次helpers，而不是每个使用它们的模块中都引用一次。
babel/perset-env预设，是一个只能预设，允许设置最新的js，而无需微观管理目标环境需要哪些语法转换。
第四步，命令行安装babel配置文件中需要的插件*****@babel/perset-env和@babel/external-helpers*****。
第五步，执行打包命令，查看打包结果；
源文件写法↓
image.png
打包生成的文件↓
image.png
网友评论