Webpack＆Uglifyでconsole.logsを削除する

Question

WebpackのUglifyプラグインでconsole.logsを削除しようとしていますが、WebpackにバンドルされているUglifyプラグインにはそのオプションがありません。

私はこのようなWebPACKのからuglify初期化しています：new webpack.optimize.UglifyJsPlugin()

私の理解では、私はすべてのオプションを取得するには、スタンドアロンUglifyのlibが使用できるということですが、私はどちらかわかりませんか？

問題はdrop_consoleが機能していないことです。

Answer 1

はdrop_consoleをお試しください：

plugins: [ 
    new Webpack.optimize.UglifyJsPlugin({ 
     compress: { 
     drop_console: true, 
     } 
    } 
] 

更新：WebPACKのv4のためにそれが少し変更されています

const UglifyJSPlugin = require('uglifyjs-webpack-plugin'); 

... 

optimization: { 
    minimizer: [ 
    new UglifyJSPlugin({ 
     uglifyOptions: { 
     compress: { 
      drop_console: true, 
     } 
     } 
    }) 
    ] 
} 

Answer 2

UglifyJsPluginで、私たちはコメント、警告、コンソールログを扱うことができますが、これらすべてを開発モードで削除することはお勧めできません。まず、あなたがprov env or dev envためwebpackを実行しているかどうかをチェックし、それがprod envであるならば、あなたはこのように、これらすべてを削除することができます。

var debug = process.env.NODE_ENV !== "production"; 

plugins: !debug ? [ 
    new webpack.optimize.UglifyJsPlugin({ 

    // Eliminate comments 
     comments: false, 

    // Compression specific options 
     compress: { 
     // remove warnings 
      warnings: false, 

     // Drop console statements 
      drop_console: true 
     }, 
    }) 
] 
: [] 

参考：uglifyOptions内部uglifyjs-のWebPACK - プラグイン、ラップオプションについてhttps://github.com/mishoo/UglifyJS2#compressor-options

Answer 3

対象：

plugins: [ 
    new UglifyJSPlugin({ 
     uglifyOptions: { 
      compress: { 
       drop_console: true 
      } 
     } 
    }) 
] 

Answer 4

これはWebPACKのv4のための新しい構文は次のとおりです。

optimization: { 
    minimizer: [ 
    new UglifyJSPlugin({ 
     uglifyOptions: { 
     compress: { 
      drop_console: true 
     }, 
     output: { 
      comments: false 
     } 
     }, 
    }), 
    ], 
}, 

Answer 5

私はデバッグ構成でのWebPACK v4のための包括的な答えを追加した

const UglifyJsPlugin = require('uglifyjs-webpack-plugin') 
var debug = process.env.NODE_ENV !== "production"; 

..... 
optimization: { 
     minimizer: !debug ? [ 
      new UglifyJsPlugin({ 

        // Compression specific options 
        uglifyOptions: { 
         // Eliminate comments 
         comments: false, 

         compress: { 
          // remove warnings 
           warnings: false, 

          // Drop console statements 
           drop_console: true 
         }, 
        } 

       }) 
      ] 
      : [] 
    } 

package.jsonでの私のスクリプトはとても似ています：

"webpackDev": "npm run clean && export NODE_ENV=development && npx webpack", 
"webpackProd": "npm run clean && export NODE_ENV=production && npx webpack -p"