Webpack Uglify插件在Ubuntu上返回“Killed”

时间:2015-06-10 04:48:03

标签: gulp webpack

在我的远程服务器(Ubuntu 14.04 x64)上,每当我尝试uglify我的包时,该过程只返回“Killed”。当我不丑化时,它就没事了。

有没有人碰到这个?当我在我的本地Mac上进行操作时,它很好(虽然我只是测试了它,花了1.4分钟)。

这是我的webpack.config:

var webpack = require('webpack');

function makeConfig(opts) {
    var config = {

        entry: {
            app: ['./public/scripts/main.js'],
            vendor: ['lodash', 'react', 'react/lib/ReactCSSTransitionGroup', 'react-router', 'reqwest', 'd3']
        },

        stats: {
            colors: true,
            reasons: true
        },

        output: {
            devtool: (opts.env === 'dev' ? '#eval-source-map' : ''),
            path: 'dist/scripts',
            filename: '[name].bundle.js'
        },

        plugins: [
            new webpack.DefinePlugin({
                ENV: opts.env
            }),
            new webpack.optimize.CommonsChunkPlugin('vendor.bundle.js')
        ],

        module: {
            loaders: [
                { test: /\.jsx?$/, loader: 'jsx-loader' }
            ]
        }
    };

    if(opts.env === 'prod') {
        config.plugins.push(
            new webpack.optimize.UglifyJsPlugin(),
            new webpack.optimize.DedupePlugin()
        );
    }

    return config;
}

module.exports = makeConfig;

并且像gulp一样调用它:

gulp.task('webpack', ['cleanScripts'], function(done) {
    webpack(webpackConfig, function(err, stats) {
        if(err) {
            console.error(err);
            throw new gutil.PluginError('webpack', err);    
        }
        else {
            done();
        }
    });
});

4 个答案:

答案 0 :(得分:23)

正如@barbuza所说,这是一个内存问题。我也在使用只有512 MB RAM的数字海洋VPS(是的,我很便宜)。对于webpack的uglify插件来说,这还不够。在服务器上添加2GB的交换空间解决了这个问题。我按照这篇文章进行了设置:https://www.digitalocean.com/community/tutorials/how-to-add-swap-on-ubuntu-14-04

答案 1 :(得分:5)

同样的事情发生在我身上,而Digital Ocean VPS正在使用,如上所述 - 这是因为你的机器需要大量的内存,所以这是“内存使用不足”。

要解决此问题,您可以在通过---max_old_space_size选项进行文件编译时最大限度地减少RAM使用量,这是一个高级使用示例

node --max_old_space_size=1096 node_modules/webpack/.bin/webpack.js

当然你可以选择任何大小,你也可以使用webpack-dev-server。并且您不需要添加交换空间,直到它真正需要用于其他目的,例如您只运行此命令一次以编译bundle.js文件。

答案 2 :(得分:1)

我在数字海洋vm上遇到了同样的问题,结果发现没有配置交换,所以内存不足。

答案 3 :(得分:0)

您还可以在本地计算机上运行ng build,然后将dist文件夹复制到远程计算机,如下所示:

scp -r path/to/local/folder user@x.x.x.x:/path/to/remote/folder