webpack4 未設置mode會自動壓縮

最近想用LayaBox作個小遊戲，然而Laya自己不自帶構建工具。而後以爲寫模塊化的東西仍是用webpack好使，用es6的語法也比較清晰。

因而就裝了webpack，只用babel-loader來編譯用es6寫的代碼。配置文件以下：

const webpack = require('webpack');

module.exports = {
  entry: {
    index:'./src/scence1.js'
  },
  output: {
    filename: '[name].js',
    path: __dirname + '/src'
  },
  module: {
    rules: [{
      test: /\.js$/,
      exclude: /node_modules/,
      use: 'babel-loader'
    }]
  }
  mode: 'development'//關鍵
};

一開始我沒有設定mode，雖然我在babelrc裏面寫了compact:false，可是最後構建出來的js仍是壓縮的。就很懵逼。

後面上網查資料，發現新版的webpack要設定mode，就是指構建的環境，它會自動幫忙加一些默認的配置

好比mode爲production時就會幫你自動壓縮。。。

 

因此應該是它默認設置爲production就幫我自動壓縮了。

恩，前端的東西更新的很快，要跟上腳步！

官方文檔：https://webpack.js.org/concepts/mode/#mode-development