如何使用 Webpack 最小化 javascript？

Question

我正在尝试使用 webpack 最小化我的 bundle.js 文件，但在我的配置中出现错误：

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
        })
    ]
};

错误：

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

Answer 1

您的配置文件顶部似乎缺少 var webpack = require('webpack');。

这种方式适合我

如何使用 Webpack 最小化 javascript？

How to minimize javascript with Webpack?

javascript

config

build

minimize

webpack