如何将客户端webpack包部署到生产？

我目前正在向我的数字海洋nodejs环境部署一个应用程序，这是一个客户端套件，与API交谈。 到目前为止，我一直在使用devserver进行开发，但是我猜这不是用于生产的，因为我的包是很大的（1.8 MB）。

这是我的devserver设置：

var WebpackDevServer = require('webpack-dev-server'), webpack = require('webpack'), config = require('./webpack.config'); const compiler = webpack(config); const server = new WebpackDevServer(compiler, { historyApiFallback: true, compress: true, inline: true, hot: true }); server.listen(8000); 

我的webpackconfiguration：

 var path = require('path'); var webpack = require('webpack'); module.exports = { entry: './src/main.js', output: { filename: 'app.js', }, devServer: { historyApiFallback:{ index:'/index.html' }, }, resolveLoader: { modules: ['node_modules'], }, module: { loaders: [ { test: /\.(png|jpg|gif|svg)$/, loader: 'file', query: { name: '[name].[ext]?[hash]' } }, { test: /\.html$/, loader: 'wc-loader' }, ], }, devtool: 'eval-source-map' }; 

我现在试图减less捆绑，我想我需要停止使用devserver？ 我到目前为止（与devserver，但不同的configuration）：

 var WebpackDevServer = require('webpack-dev-server'), webpack = require('webpack'), config = require('./production_webpack.config'); const compiler = webpack(config); const server = new WebpackDevServer(compiler, { historyApiFallback: true, compress: true, inline: true, hot: true }); server.listen(8000); 

我的生产configuration：

 var path = require('path'); var webpack = require('webpack'); module.exports = { entry: './src/main.js', output: { filename: 'app.js', sourceMapFilename: '[name].map' }, resolveLoader: { modules: ['node_modules'], }, plugins: [ new webpack.optimize.OccurenceOrderPlugin(), new webpack.LoaderOptionsPlugin({ minimize: true, debug: false }), new webpack.optimize.UglifyJsPlugin({ beautify: false, mangle: { screw_ie8: true, keep_fnames: true }, compress: { screw_ie8: true }, comments: false }) ], module: { loaders: [ { test: /\.(png|jpg|gif|svg)$/, loader: 'file', query: { name: '[name].[ext]?[hash]' } }, { test: /\.html$/, loader: 'wc-loader' }, ], }, devtool: 'source-map' };