Webpack non minifying il mio pacchetto js

Ora sto raggruppando il mio primo progetto con il webpack, tutto funziona come previsto, tranne che il webpack non sta minimizzando il mio codice bundle.min.js .

Sono abbastanza sicuro che sto facendo qualcosa di sbagliato, ma non riesco a individuare l’errore.

Qualsiasi aiuto sarebbe apprezzato. Grazie in anticipo.

Qui vado con il mio webpack.config.js

 var webpack = require("webpack"); var ExtractTextPlugin = require("extract-text-webpack-plugin"); var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); module.exports = { context: __dirname + "/public", entry: './app.js', output: { path: __dirname + '/dist', filename: "bundle.min.js" }, plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }), new webpack.LoaderOptionsPlugin({ minimize: true, debug: true }), new webpack.optimize.UglifyJsPlugin({ beautify: false, mangle: { screw_ie8: true, keep_fnames: true }, compress: { screw_ie8: true }, comments: false }), new ExtractTextPlugin("bundle.min.css"), new OptimizeCssAssetsPlugin() ], module: { loaders: [ { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }) }, { test: /\.(jpe?g|png|gif|svg)$/i, use: [ { loader: "file-loader", options: { hash: "sha512", digest: "hex", name: "./img/[hash].[ext]" } }, { loader: "image-webpack-loader", query: { mozjpeg: { progressive: true, }, gifsicle: { interlaced: false, }, optipng: { optimizationLevel: 4, }, pngquant: { quality: '75-90', speed: 3, }, }, } ] }, { test: /\.(eot|svg|ttf|woff|woff2)$/, use: [ { loader: "file-loader", options: { name: "./fonts/[name].[ext]" } } ] } ] } }; 

Webpack supporta la minimizzazione fuori dalla scatola. Includendo il flag -p durante l’esecuzione di webpack , ridurrà al minimo il tuo codice. Il flag -p è una scorciatoia per il --optimize-minimize .

Esegui: webpack -p