vue中引入babel步驟

　　vue中引入babel步驟

　　　　一、vue項目中普遍使用es6語法，但有時我們的項目需要兼容低版本瀏覽器，這時就需要引入babel插件，將es6轉成es5。

　　1、安裝babel-polyfill插件

　　　　npm install --save-dev babel-polyfill

　　2、安裝成功后有三種引入方式

　　第一種：在入口文件中引入，例如：main.js中加入

　　　　import 'babel-polyfill'

　　　　

　　第二種：在 webpack.config.js 文件中，entry 入口處，按照如下修改

　　　　

　　第三種：使用cdn的資源，以js的文件加入到html頁面：例如：

　　　　

 

 

二、babel插件雖然可以幫我們把es6語法的寫法轉成es5的寫法，但是卻不能轉換新的API，比如Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise等全局對象都不會轉換，如果想讓這個方法運行，必須使用babel-polyfill，為當前環境提供一個墊片。

　　安裝命令如下。

　　　　

       然后，在腳本頭部，加入如下一行代碼。