一、需要安装的插件
@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