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就可以轉換成功!