ES6轉ES5環(huán)境搭配
1、初始化項目
在項目根目錄創(chuàng)建 package.json 文件
npm init //或者 npm init -y
2、安裝babel-cli腳手架
npm install babel-cli --save
3、配置文件.babelrc
在項目根目錄新建文件,命名為:.babelrc.(注意:以點開頭且以點結束的文件,即文件沒有擴展名)

3.1、設定轉碼規(guī)則
npm install --save-dev babel-preset-latest //或者 npm install --save-dev babel-preset-es2015
3.2、設置.babelrc的presets
{ "presets": [ 'latest' //或者es2015或者env,總之對應自己安裝的轉碼規(guī)則, ], "plugins": [] }
4、設置相應的scripts腳本:在package.json中設置,(將src文件夾下的js文件,編譯轉碼到dist文件夾下)
"scripts": { "build": "babel src -d dist" }
5.轉碼運行
在項目根目錄下的命令行中運行轉碼,轉碼運行后將在dist文件夾下生成 es6 轉碼后生成的 es5 文件,然后可以在程序中引用 es5 文件。
npm run build

浙公網(wǎng)安備 33010602011771號