Vue學習筆記之Es6轉ES5的babel應用

1、由於目前ES6還不能很好的支持目前常見的瀏覽器,所以在打包的時候將ES6的代碼轉換為ES5,轉換時可以通過babel進行轉換;

2、官網説明:

Vue學習筆記之Es6轉ES5的babel應用

3、環境配置,為了更好地匹配項目環境,我這邊安裝的是7的版本:cnpm install --save-dev babel-loader@7 babel-core babel-preset-es2015

Vue學習筆記之Es6轉ES5的babel應用

可以使用 options 屬性 來給 loader 傳遞選項:

Vue學習筆記之Es6轉ES5的babel應用

4、重新編譯後,發現編譯後的js文件中,沒有了ES6中的const,全部通過ES5的var進行了替換,已經成功將ES6語法轉為ES5的語法:

Vue學習筆記之Es6轉ES5的babel應用

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 273 字。

轉載請註明: Vue學習筆記之Es6轉ES5的babel應用 - 楠木軒