compression webpack bundle using plugin

Question

compression webpack bundle using plugin

pub*_*t33 5 javascript bundle node.js reactjs webpack

我正在尝试使用 CompressionPlugin 压缩 webpack 包。在我的 webpack 设置下面

网络包

const path = require('path');
const webpack = require('webpack');

const CompressionPlugin = require("compression-webpack-plugin")


module.exports = {
entry: ['babel-polyfill', './src/client.js'],
output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname,'public')
},

plugins: [
    new webpack.DefinePlugin({ 
        'process.env': {
        'NODE_ENV': JSON.stringify('production'),

        }
    }),
    new webpack.optimize.UglifyJsPlugin({
                output: {
                    comments: false,
                    beautify: false,
                },
                compress: {
                    screw_ie8: true,
                    warnings: false
                    }
                }),
    new webpack.optimize.AggressiveMergingPlugin(),
    new CompressionPlugin({   
        asset: "[path].gz[query]",
        algorithm: "gzip",
        test: /\.js$|\.css$|\.html$/,
        threshold: 10240,
        minRatio: 0.8
    })
],
watch: true,
module:{
    loaders:[
        {
            test:/\.js$/,
            exclude:/node_modules/,
            loader: 'babel-loader',
            query:{
                presets: ['react','es2015','stage-1'],
            },
        },
    ],
},
};

Run Code Online (Sandbox Code Playgroud)

万维网

var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);


var server = http.createServer(app);

server.listen(port);
server.on('error', onError);
server.on('listening', onListening);

Run Code Online (Sandbox Code Playgroud)

索引.ejs

<body>
    <DIV id="app"><%- reactComponent -%></DIV>
    <script>window.INITIAL_STATE=<%- initialState -%></script>
    <SCRIPT src="/bundle.js"></SCRIPT>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我得到以下捆绑输出