webpack es6 to es5支持配置

1. 安裝webpack

npm install webpack --save-dev

 

2. 安裝babel  實現 ES6 到 ES5

npm install --save-dev babel-core babel-preset-es2015

 

3.安裝 babel-loader

 npm install --save-dev babel-loader

webpack.config.js完整配置

module.exports = {
    entry: './src/js/app.js',
    output: {
        path: './dest',
        filename: 'app.bundle.js',
    },
    module: {
        loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
        }]
    },
    babel: {
     presets: ['es2015']
   },
}