UglifyJSプラグインは

Question

マイWebPACKの構成があるWebPACKの中ですべてのチャンクを縮小化されていません。

{ devtool: 'source-map', 
 
    output: 
 
    { path: '/Users/apple/Desktop/WorkSpace/GitHub/Webpack-Boilerplate/dist', 
 
    filename: '[name].bundle.js.[hash:8]', 
 
    sourceMapFilename: '[name].bundle.map', 
 
    publicPath: '/' }, 
 
    plugins: 
 
    [ OccurrenceOrderPlugin { preferEntry: undefined }, 
 
    DefinePlugin { definitions: [Object] }, 
 
    ProvidePlugin { definitions: {} }, 
 
    ExtractTextPlugin { filename: '[name].css', options: {}, id: 1 }, 
 
    CommonsChunkPlugin { 
 
     chunkNames: 'vendors', 
 
     filenameTemplate: 'vendors.bundle.js', 
 
     minChunks: Infinity, 
 
     selectedChunks: undefined, 
 
     async: undefined, 
 
     minSize: undefined, 
 
     ident: '/Users/apple/Desktop/WorkSpace/GitHub/Webpack-Boilerplate/node_modules/webpack/lib/optimize/CommonsChunkPlugin.js0' }, 
 
    HtmlWebpackPlugin { options: [Object] }, 
 
    HtmlWebpackPlugin { options: [Object] }, 
 
    HtmlWebpackPlugin { options: [Object] }, 
 
    HtmlWebpackPlugin { options: [Object] }, 
 
    UglifyJsPlugin { options: [Object] } ], 
 
    module: { loaders: [ [Object], [Object], [Object], [Object] ] }, 
 
    postcss: 
 
    [ { [Function] 
 
     options: [Object], 
 
     info: [Function], 
 
     postcssPlugin: 'autoprefixer', 
 
     postcssVersion: '5.0.14' }, 
 
    { [Function: creator] postcss: [Object], process: [Function] } ], 
 
    resolve: 
 
    { alias: 
 
     { libs: '/Users/apple/Desktop/WorkSpace/GitHub/Webpack-Boilerplate/dev-config/libs', 
 
     nm: '/Users/apple/Desktop/WorkSpace/GitHub/Webpack-Boilerplate/dev-config/node_modules', 
 
     assets: '/Users/apple/Desktop/WorkSpace/GitHub/Webpack-Boilerplate/dev-config/assets' } }, 
 
    externals: { jquery: 'jQuery', pageResponse: 'pageResponse' }, 
 
    entry: 
 
    { index: './src/index.js', 
 
    helloworld: './src/modules/helloworld/container/app.js', 
 
    counter: './src/modules/counter/container/app.js', 
 
    form: './src/modules/form/form.js' } }

生成vendors.bundle.jsチャンクが縮小されていること奇妙であるが、他のチャンクがありません。プロジェクト全体はhttps://github.com/wxyyxc1992/Webpack-React-Redux-Boilerplateです。npm run buildを使用してプロジェクトを作成し、distディレクトリを参照してください。

Answer 1

いくつかのチャンクが縮小されていない理由は、おそらくUglifyJSがエラーを検出し、そのチャンクの置換を中止したためです。これはプラグインエラーです。コンパイルが失敗することはありません（つまり、compiler.options.bailを設定しても効果はありません。コンパイルが解除されます）。

UglifyJSは、ES5のみをサポートする独自のASTを使用しています。ここで問題となるのは、ES5に使用するすべてのES6 /次の構文を変換していない可能性があります。 UglifyJSをuglify.verbose = trueと設定し、コンパイラの実行中に警告とエラーログ出力がプラグインから出力されることを確認することをお勧めします。