webpackでbabelミニファイをオフにする方法は？

Question

これが本番スクリプトの準備に使用するwebpack構成です

  config.output.filename = '[hash].main.js';

  config.module.loaders.Push({
    test: /\.js$/,
    loaders: ['babel'],
    exclude: /node_modules/,
    include: path.join(__dirname, 'app'),
  });

ただし、デバッグの目的で、最終出力を生成できるようにしたいxxxx.main.js縮小化や最適化なし。

上記の構成でそれをどのように達成できますか？

私は実際にはwebpack/babelツールにあまり詳しくないので、縮小を実行したのがbabelなのかwebpackなのかは実際にはわかりません

Answer 1

バンドルを縮小するのはほぼ確実にwebpackであり、babelは、バンドル全体ではなく、ローダーを通過するソースのみを縮小します。

ミニファイを有効にするには、構成にUglifyJsPluginを追加する方法と、--optimize-minimizeを自動的に設定する本番モードを有効にするCLIフラグ-pまたは--optimize-minimizeを使用する方法の2つがあります。

プラグインを使用している場合は、構成のpluginsからプラグインを削除できます（または、環境変数などを使用して条件付きで設定できます）。上記のフラグのいずれかを使用している場合は、簡単に実行できます。それらのないwebpackは、縮小されていないバンドルを取得します。

本番用の構築 も参照してください。