-
安裝babel
本文的webpack版本為webpack4,所以babel中文翻譯網(wǎng)有專門的cli安裝說(shuō)明,按照說(shuō)明配置就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
]
}
-
在根目錄下創(chuàng)建.babelrc 配置文件
然已經(jīng)配置好了 Babel ,但并沒(méi)有讓它真正生效。在項(xiàng)目的根目錄中創(chuàng)建一個(gè) .babelrc 文件并啟用一些插件
首先,你可以使用轉(zhuǎn)換 ES2015+ 的 env preset 。
npm install babel-preset-env --save-dev
為了讓 preset 生效,你需要像下面這樣定義你的 .babelrc 文件
{
"presets": ["env"]
}