vue-cli中的babel配置文件.babelrc詳解
阿新 • • 發佈:2017-10-11
tran comm res 並且 出現 特定 string vue-cli develop
本文介紹vue-cli腳手架工具根目錄的babelrc配置文件
-
介紹
es6特性瀏覽器還沒有全部支持,但是使用es6是大勢所趨,所以babel應運而生,用來將es6代碼轉換成瀏覽器能夠識別的代碼 babel有提供專門的命令行工具方便轉碼,可以自行去了解
-
vue-cli腳手架的.babelrc文件
{
// 此項指明,轉碼的規則
"presets": [
// env項是借助插件babel-preset-env,下面這個配置說的是babel對es6,es7,es8進行轉碼,並且設置amd,commonjs這樣的模塊化文件,不進行轉碼
["env", { "modules": false }],
// 下面這個是不同階段出現的es語法,包含不同的轉碼插件
"stage-2"
],
// 下面這個選項是引用插件來處理代碼的轉換,transform-runtime用來處理全局函數和優化babel編譯
"plugins": ["transform-runtime"],
// 下面指的是在生成的文件中,不產生註釋
"comments": false,
// 下面這段是在特定的環境中所執行的轉碼規則,當環境變量是下面的test就會覆蓋上面的設置
"env": {
// test 是提前設置的環境變量,如果沒有設置BABEL_ENV則使用NODE_ENV,如果都沒有設置默認就是development
"test": {
"presets": ["env", "stage-2"],
// instanbul是一個用來測試轉碼後代碼的工具
"plugins": ["istanbul"]
}
}
}
vue-cli中的babel配置文件.babelrc詳解