uglifyJsPlguinのためwebpackビルドが失敗しました

Question

私はwebpack.config.jsファイルをビルドしようとしています。私のコマンドはwebpack --config webpack.config.prod.js --progress --colorsです。しかし私の建物はulgifyJsPluginのために失敗しました。 webpack.config.prod.jsでuglifyJsPluginを削除したところ、ビルドは成功しましたが、UlgifyJsPluginがある場合は機能しませんでした。私はwebpackで自分のコードを最小限にしたいと思います - console.logコードやその他の不要なコードを削除するようにします。これは、私の作品

plugins: [ 
     ..., 
     new webpack.optimize.UglifyJsPlugin({ 
      compress: { 
       warnings: false, 
      }, 
      comments: false, 
      sourceMap: false, 
      mangle: true 
     })   
    ] 

を：プラス、私はこのようなプラグインを含めるようにpluginsセクションを変更してみWebPACKの1

const webpack = require('webpack'); 
const path = require('path'); 
const nodeModulesPath = path.resolve(__dirname, 'node_modules'); 
const HtmlWebpackPlugin = require('html-webpack-plugin'); 

const config = { 
    entry: [path.join(__dirname, '/src/index.js')], 
    devtool: 'source-map', 
    output: { 
    path: path.join(__dirname, 'dist'), 
    filename: 'bundle.js', 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     loader: 'babel-loader', 
     exclude: [nodeModulesPath] 
     }, 
     { 
     test: /\.css$/, 
     loaders: ['style', 'css'] 
     } 
    ] 
    }, 
    resolve: { 
    root: [ 
     path.resolve('./src'), 
     path.resolve('./style') 
    ], 
    extensions: ['', '.js', '.jsx', '.css'], 
    packageAlias: 'browser' 
    }, 
    plugins: [ 
    new HtmlWebpackPlugin({ 
     template: './public/index.html' 
    }), 
    new webpack.DefinePlugin({ 
     'process.env':{ 
     'NODE_ENV': JSON.stringify('production') 
     } 
    }), 
    new AppCachePlugin({ 
     exclude: ['.htaccess'] 
    }), 
    new webpack.optimize.UglifyJsPlugin({ 
     compress: { 
     warnings: false, 
     } 
    }) 
    ], 
}; 

module.exports = config; 

Answer 1

を使用しています。

さらに、npm i --saveを実行しましたか？ node_modulesにプラグインがあることを確認してください。