前端工程化-webpack(babel編譯ES6）

最新版安裝與普通安裝

 

使用babel-loader編譯ES6,須要遵循規範，安裝babel-presets

規範列表

 

對應babel-loader，babel-preset安裝最新版和普通版：

presets算是loader的參數，如何指定參數？

 

 babel-presets也有一個參數就是targets,這個參數告訴babel當你編譯時，根據你指定的targets選擇哪些語法編譯，哪些語法不編譯

能夠看出下圖的includes方法和set都沒有編譯，這是由於一些低版本瀏覽器中不存在

 

 babel-presets針對編譯的是語法，要想使得這些函數與方法也被編譯，就要用到babel的兩個插件

 

 

 

1.babel ployfilll

 

2.babel runtime transform

局部墊片使用，新建.babelrc文件：

webpack.config.js改爲：

 

 

因爲babel-runtime不是最新版本從新安裝