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