How to build minified and uncompressed bundle with webpack?

by

webpack.config.js:

const webpack = require("webpack");

module.exports = {
  entry: {
    "bundle": "./entry.js",
    "bundle.min": "./entry.js",
  },
  devtool: "source-map",
  output: {
    path: "./dist",
    filename: "[name].js"
  },
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      include: /\.min\.js$/,
      minimize: true
    })
  ]
};

Since Webpack 4, webpack.optimize.UglifyJsPlugin has been deprecated and its use results in error:

webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead

As the manual explains, the plugin can be replaced with minimize option. Custom configuration can be provided to the plugin by specifying UglifyJsPlugin instance:

const webpack = require("webpack");
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  // ...
  optimization: {
    minimize: true,
    minimizer: [new UglifyJsPlugin({
      include: /\.min\.js$/
    })]
  }
};

This does the job for a simple setup. A more effective solution is to use Gulp together with Webpack and do the same thing in one pass.

More Related Contents:

  1. webpack dynamic module loader by require
  2. Webpack Express Cannot Resolve Module ‘fs’, Request Dependency is Expression
  3. In the `import` syntax of ES6, how is a module evaluated exactly?
  4. Babel 7 – ReferenceError: regeneratorRuntime is not defined
  5. Webpack: Bundle.js – Uncaught ReferenceError: process is not defined
  6. Webpack 5 – Uncaught ReferenceError: process is not defined
  7. Node JS and Webpack Unexpected token
  8. Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘babel-preset-react’
  9. How to get access to webpack-dev-server from devices in local network?
  10. Conflict: Multiple assets emit to the same filename
  11. How can I use webpack with express?
  12. Mongoose and multiple database in single node.js project
  13. Const in JavaScript: when to use it and is it necessary?
  14. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  15. ‘this’ different between REPL and script
  16. JavaScript Time Zone is wrong for past Daylight Saving Time transition rules
  17. Puppeteer log inside page.evaluate
  18. How to split string with newline (‘\n’) in Node?
  19. How do I read the contents of a Node.js stream into a string variable?
  20. How to make Puppeteer work with a ReactJS application on the client-side
  21. What are express.json() and express.urlencoded()?
  22. Conditional build based on environment using Webpack
  23. Fetch image from API
  24. Querying by a field with type ‘reference’ in Firestore
  25. Upgrade to Babel 7: Cannot read property ‘bindings’ of null
  26. Trying to hash a password using bcrypt inside an async function
  27. Packaging a Node.js web application as a normal desktop application [closed]
  28. Visual Studio Task Runner “SyntaxError: Use of const in strict mode.”
  29. Connecting to remote SSH server (via Node.js/html5 console)
  30. Why I got document is not defined error in puppeteer?

Leave a Comment