利用babel工具將es6語法轉換成es5，Object.assign方法報錯

 

1、新建工程初始化項目

　　1.新建工程文件夾這裏起名叫作es6,而後在裏面建立兩個文件夾分別爲src 、dist以下圖：(src爲待轉換es6 js存放目錄，dist爲編譯完成後的es5 js存放目錄)

 

 

 

二、在src目錄下新建一個js文件，裏面輸入es6的代碼

 

3. 初始化項目

　　npm  init 

2、全局安裝babel工具

1）在終端中輸入如下命令,

　　npm install -g babel-cli

2）安裝轉換包

　　npm install --save-dev babel-preset-es2015 babel-cli

3）在實際項目中es6轉es5後可能出現Object.assign()未定義，所以還需安裝Babel套件與插件

　　1  安裝   （適用於Object.assign() 的插件）

　　npm install babel-plugin-transform-object-assign
　　
　　2.安裝 （適用於展開運算符 的插件）

　　　　npm install babel-plugin-transform-object-rest-spread

3、新建.babelrc

 

 

4、修改package.json

 

 

　　最後：npm run build