1.開啟終端,輸入初始化程式碼。輸入程式碼之後會在目錄中出現package.json,可以在紅色下劃線上寫上作者名和描述(不寫也可以)
npm init -y
2.安裝Babel轉換器
npm install -g babel-cli
3.安裝打包(es5)
npm install --save-dev babel-preset-es2015 babel-cli
然後開啟package.json,出現以下紅括號的程式碼則說明安裝成功
4.在根目錄建立.babelrc配置檔案(注意不是資料夾)。輸入以下程式碼
5.最後輸入babel 需要轉碼檔案路徑 -o 轉碼結果寫入的檔案路徑。如:
babel js/1-2es6.js -o es5Js/1-2es6.js
以上就可以實現es6到es5的轉換了!
最後,如果不想每次轉換都輸入這麼多重複的路徑命令。則可以通過在package.json檔案中通過配置以下程式碼:
則可以在終端輸入npm run build就可以轉換成功!