Babel是一個廣泛使用的轉碼器，可以將ES6程式碼轉換為ES5程式碼，從而在現有環境中執行。本文介紹vue-cli腳手架工具根目錄的babelrc配置文件，有興趣的朋友一起看看吧
本文介紹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"]
}
}
}#ps :下面跟大家介紹關於.babelrc設定檔
關於react專案結構，有很多設定文件，有時候覺得很難理解。
例如.babelrc文件，這個文件是用來設定轉碼的規則和插件的。
熟悉linux的話一定知道，rc結尾的文件通常代表運行時自動載入的文件，配置等等。在babel6中，這個文件必不可少。
裡面可以對babel指令設定，以後再使用babel的cli的時候，可以少一點設定。還有一個env字段，可以對BABEL_ENV或NODE_ENV指定的不同的環境變量，進行不同的編譯操作。
上面是我整理給大家的，希望今後對大家有幫助。
相關文章：
在Node.js中使用readline如何實作逐行讀取、寫入檔案內容
#以上是在vue-cli中如何設定babel設定檔的詳細內容。更多資訊請關注PHP中文網其他相關文章！
