关于webpack使用babel降级Es,最新最简单

一、需要安装的插件

@babel/core
@babel/plugin-transform-runtime
@babel/preset-env
@vue/babel-preset-app
babel-loader
babel-polyfill

二、babel配置文件
在项目根目录下, 创建文件 babel.config.js


内容为:
-----------------------------------------------


module.exports = {
presets: [
'@vue/app'
],
plugins: ["@babel/plugin-transform-runtime"],
comments: false,
env: {
test: {
presets: ["@babel/preset-env"],
plugins: ["istanbul"]
}
}
}


------------------------------------------------

创建文件,并复制粘贴过去,即可

三、webpack配置

在module的rules 数组中 加入:

{
test: /.js$/, // 匹配规则
loader: ['babel-loader'], // 使用的loader
exclude: /node_modules/ 
}

 

至此,我们书写的 JavaScript ES6  就可以降级了

 

END

 

 

上一篇:C++笔记:1.2 输入和输出


下一篇:@babel/preset-env