vue, Babel是一個工具鏈,主要用于將ECMAScript 2015的代碼轉(zhuǎn)換成向后兼容的JavaScript語法,使其可以在當前和舊的瀏覽器或其他環(huán)境下運行。
Es6語法在vue項目中被廣泛使用,但有時我們的項目需要兼容較低版本的瀏覽器,所以我們需要引入babel插件將es6轉(zhuǎn)換成es5。
安裝babel的具體步驟如下:
1.首先安裝node.js。
2.安裝依賴包
npm install --save-dev @babel/core @babel/cli
如果提示babel不是命令,可以全局安裝NPM install-global @ babel/core @ babel/CLI。
3. Run the src -d library of Babel.
或者在package.json中配置scripts屬性,添加一個屬性build:“babel src-d lib”,運行npm run build。
4.如果要轉(zhuǎn)換語法,就要指定從哪種語法轉(zhuǎn)換,所以需要安裝一個語法轉(zhuǎn)換器插件。
npm install --save-dev @babel/preset-env
配置巴別塔
創(chuàng)建一個. babelrc文件并將其寫入。
{presets:[@babel/preset-env]}
vue,以上就是本文為您收集整理的vue最新內(nèi)容,希望能幫到您!更多相關內(nèi)容歡迎關注。