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

 

一、新建工程初始化項目

　　1.新建工程文件夾這里起名叫做es6,然后在里面創建兩個文件夾分別為src 、dist如下圖：(src為待轉換es6 js存放目錄，dist為編譯完成后的es5 js存放目錄)

 

 

 

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

 

3. 初始化項目

　　npm  init 

二、全局安裝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

三、新建.babelrc

 

 

四、修改package.json

 

 

　　最后：npm run build