建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
vue-cli中babel配置文件.babelrc的示例分析
這篇文章給大家分享的是有關vue-cli中babel配置文件.babelrc的示例分析的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
我們注重客戶提出的每個要求，我們充分考慮每一個細節(jié)，我們積極的做好成都做網(wǎng)站、網(wǎng)站制作服務，我們努力開拓更好的視野，通過不懈的努力，創(chuàng)新互聯(lián)贏得了業(yè)內(nèi)的良好聲譽，這一切，也不斷的激勵著我們更好的服務客戶。 主要業(yè)務：網(wǎng)站建設,網(wǎng)站制作,網(wǎng)站設計,微信小程序開發(fā),網(wǎng)站開發(fā),技術(shù)開發(fā)實力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫的技術(shù)開發(fā)工程師。
vue-cli腳手架工具根目錄的babelrc配置文件
介紹
es6特性瀏覽器還沒有全部支持，但是使用es6是大勢所趨，所以babel應運而生，用來將es6代碼轉(zhuǎn)換成瀏覽器能夠識別的代碼
babel有提供專門的命令行工具方便轉(zhuǎn)碼，可以自行去了解
vue-cli腳手架的.babelrc文件
{
// 此項指明，轉(zhuǎn)碼的規(guī)則
"presets": [
// env項是借助插件babel-preset-env，下面這個配置說的是babel對es6,es7,es8進行轉(zhuǎn)碼，并且設置amd,commonjs這樣的模塊化文件，不進行轉(zhuǎn)碼
["env", { "modules": false }],
// 下面這個是不同階段出現(xiàn)的es語法，包含不同的轉(zhuǎn)碼插件
"stage-2"
],
// 下面這個選項是引用插件來處理代碼的轉(zhuǎn)換，transform-runtime用來處理全局函數(shù)和優(yōu)化babel編譯
"plugins": ["transform-runtime"],
// 下面指的是在生成的文件中，不產(chǎn)生注釋
"comments": false,
// 下面這段是在特定的環(huán)境中所執(zhí)行的轉(zhuǎn)碼規(guī)則，當環(huán)境變量是下面的test就會覆蓋上面的設置
"env": {
// test 是提前設置的環(huán)境變量，如果沒有設置BABEL_ENV則使用NODE_ENV，如果都沒有設置默認就是development
"test": {
"presets": ["env", "stage-2"],
// instanbul是一個用來測試轉(zhuǎn)碼后代碼的工具
"plugins": ["istanbul"]
}
}
}感謝各位的閱讀！關于“vue-cli中babel配置文件.babelrc的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
網(wǎng)頁標題：vue-cli中babel配置文件.babelrc的示例分析
URL標題：http://fisionsoft.com.cn/article/pcecoo.html
