vue,babel
Babel 是一個工具鏈,主要用於將 ECMAScript 2015+ 版本的代碼轉換爲向後相容的 JavaScript 語法,以便能夠執行在當前和舊版本的瀏覽器或其他環境中。vue項目中普遍使用es6語法,但有時我們的項目需要相容低版本瀏覽器,這時就需要引入babel插件,將es6轉成es5。
安裝babel的具體步驟如下:
1.先安裝node.js
2.安裝依賴包
npm install --save-dev @babel/core @babel/cli
如果說提示babel不是命令,可以全局安裝npm install --global @babel/core @babel/cli
3.執行babel src -d lib
或者在package.json中配置scripts屬性,添加一個屬性build:“babel src -d lib”,執行npm run build
4.想要語法進行轉換,得指定從哪種語法轉哪種語法,所以需要安裝語法轉換器插件
npm install --save-dev @babel/preset-env
5.配置babel
創建一個.babelrc的檔案,寫入
{ "presets": ["@babel/preset-env"]}
6.執行npm run build 或者babel src -d lib
7.轉換後的語法就可以在服務器nodejs環境下使用
8.如果想要轉換後的代碼在服務器和瀏覽器都能使用,需要安裝babel插件@babel/plugintransform-modules-umdnpm install --save-dev @babel/plugin-transform-modules-umd
9.在.babelrc中添加"plugins": ["@babel/plugin-transform-modules-umd"] //在babel進行模組化轉換的時候使用這個插件
10.執行npm run build 或者babel src -d lib
11.編譯過後就可以在瀏覽器中或者服務器nodejs環境下使用編譯過後的js
瀏覽器中:需要requirejs
服務器中:需要執行node **.js命令
-
excel表格設開啟密碼忘記了怎麼辦
我們在工作中經常會使用到Excel表格,如果這個表格的內容非常重要,並且不能夠輕易外露的話,可以設定一個保護密碼,但是如果表格的密碼忘記了,應該怎麼開啟呢?受保護的Excel文檔是無法修改的,輸入內容就會出現要求輸入密碼的提示框,我們修改檔案的後綴名爲rar,再回車確定...
-
蘋果手機長圖怎麼截圖
1、長截圖辦法一iOS13上新之後自帶的長截圖方法,是在我們瀏覽網頁的時候使用的。操作方法:上音量鍵+開關鍵一起按下,然後點開截好的圖片,選擇“整頁”截圖即可。2、長截圖方法二利用QQ實現長截圖。操作方法:首先就是需要我們開啟QQ,然後試着上音量鍵+開關鍵一起按下...
-
買手機殼送的繞耳機線魚骨頭使用方法
1、魚骨頭收納器正是因爲它的長相設計成了一個魚骨頭的形狀才被成爲魚骨收納器。它分爲三部分,它的魚頭和魚尾分別有兩個斜着的卡扣是用來分別固定耳機頭和耳機插口的。2、繞耳機線時首先我們應該先進行單側的半圈安繞線,固定耳機的插口和耳機頭的方向,接着再用相...
-
mp4是什麼格式
1、MP4其實是個封裝格式,不是編碼格式。簡單理解,它就是個副檔名,裏面的內容是可變的。2、MP4最初是一種音頻格式,和MPEG-4沒有太大的關係,就像MP3和MPEG-3沒有關係一樣。MP3是MPEG-1AudioLayer3的縮寫;而MP4是MPEG-2AAC,完完全全是一種音頻壓縮格式。...