How to minimize javascript with Webpack?

Question

I'm trying to minimize my bundle.js file with webpack, but getting errors in my config:

module.exports = {
    entry: "./entry.js",
    output: {
        devtoolLineToLine: true,
        sourceMapFilename: "./bundle.js.map",
        pathinfo: true,
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
            { test: /\.css$/, loader: "style!css" }
        ]
    },
    plugins: [
        new webpack.optimize.UglifyJsPlugin({
            include: /\.min\.js$/,
            minimize: true
        })
    ]
};

The error:

/Users/leongaban/Projects/TickerTags/ionic/TickerTags/www/webpack.config.js:16
        new webpack.optimize.UglifyJsPlugin({
            ^
ReferenceError: webpack is not defined

GavinoGrifoni · Accepted Answer · 2015-12-04 19:59:40Z

4

Seems like you're missing var webpack = require('webpack'); at the top of your configuration file.

It works for me this way

answered Dec 4, 2015 at 19:59

GavinoGrifoni

7632 gold badges12 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Leon Gaban Over a year ago

Thanks that was it! Now may post another question, I just ran this config and did not notice any minimized file... missing a few more steps I see

Collectives™ on Stack Overflow

How to minimize javascript with Webpack?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related