Actualmente estoy implementando una aplicación en mi entorno digital ocean nodejs, es un paquete solo para clientes que se comunica con las API. He estado usando devserver para el desarrollo hasta ahora, pero supongo que no está destinado a ser utilizado para la producción, ya que mi paquete es enorme (1,8 MB).

Esta es la configuración de mi servidor de desarrollo:

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

Mi configuración de paquete web:

 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' };

Ahora estoy tratando de reducir el paquete, ¿creo que necesito dejar de usar devserver para eso? Lo que tengo hasta ahora (con devserver pero diferente configuración):

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

Mi configuración de producción:

 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' };