Node.js framework
  1. Node.js framework
  3. Webpack non minifying il mio pacchetto js
Intereting Posts
I processi GraphicsMagick risultanti nel file vuoto Richiesta HTTP Node.js che non restituisce la risposta completa Come si usa mangusta per connettersi a due database diversi? Come esportare un object che diventa disponibile solo in un callback asincrono? Come posso lasciare che il javascript catturi un segnale dal nodo e richieda una finestra subito dopo? Errore uncss: C.UTF-8: non è un tag di lingua valido Ascolta i cambiamenti in Redis? Quanto è ampia la console node.js? Perché Phantom, Casper e Meteor hanno bisogno dei propri eseguibili? Problema di connessione a Mongo Atlas da Apostrophe Applicazione CMS su Elastic Beanstalk Come impostare la favicon personalizzata in Express? Node.js – Async: più innerbackback all’interno di un’istruzione if Memorizzare il valore di ritorno di node.js setTimeout in redis Mongoose Aggregate: limita il numero di record in $ group Imansible testare il mio modello in sailsjs

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