在我的远程服务器(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();
}
});
});
答案 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