-
安装babel
本文的webpack版本为webpack4,所以babel中文翻译网有专门的cli安装说明,按照说明配置就ok了
npm install --save-dev babel-loader babel-core
-
在webpack中使用
/*webpack.conf.dev.js*/
module: {
rules: [
{ test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" } //rules中添加上babel-loader
]
}
-
在根目录下创建.babelrc 配置文件
然已经配置好了 Babel ,但并没有让它真正生效。在项目的根目录中创建一个 .babelrc 文件并启用一些插件
首先,你可以使用转换 ES2015+ 的 env preset 。
npm install babel-preset-env --save-dev
为了让 preset 生效,你需要像下面这样定义你的 .babelrc 文件
{
"presets": ["env"]
}