webpack構(gòu)建Vue+ElementUI單頁(yè)面應(yīng)用(2)——babel基礎(chǔ)配置

  • 安裝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"]
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容