Rollup.js学习之babel的集成（5）

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