1. 程式人生 > >webpack使用babel處理js

webpack使用babel處理js

起因就不說了,大家都是做前端的,瀏覽器相容永遠是要跨過去的一道坎!

暫時我們只需要處理一般的js:

安裝 這三個就夠用了,寫react的請再多加幾個

npm install babel-loader babel-core bable-present-2015

配置 webpack.config.js

{    
   test: /\.js$/,    
    exclude: /node_modules/,    
    loader: 'babel-loader'    
}

新建.babelrc 檔案

{ "presets": [ "es2015" ] } 

成功

編譯前 src/main.js

let i = 1;
console.log(i);

編譯後 dist/main.js

var i = 1;
console.log(i);