webpack打包ES6降級ES5

Babel是一個普遍使用的轉碼器，babel能夠將ES6代碼完美地轉換爲ES5代碼，因此咱們不用等到瀏覽器的支持就能夠在項目中使用ES6的特性。

安裝babel實現ES6到ES5

npm install -D babel-core babel-preset-es2015
複製代碼

安裝babel-loader

npm install -D babel-loader
複製代碼

webpack.config.js

const config = module.exports = {
  target: 'web',
  entry: ['babel-polyfill', path.join(__dirname, 'src/main.js')],
  output: {
    filename: 'bundle.[name].[hash:8].js',
    path: path.join(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.js$/, // 處理以.js結尾的文件
        exclude: /node_modules/, // 處理除了nodde_modules裏的js文件
        loader: 'babel-loader' // 用babel-loader處理
      }
    ]
  }
}
複製代碼