如何从webpack-dev-server从开发迁移到生产

Question

这是我的devs webpack.config文件：

var webpack = require('webpack');
var webpackMerge = require('webpack-merge');
//var ExtractTextPlugin = require('extract-text-webpack-plugin');
var commonConfig = require('./webpack.common.js');
var helpers = require('./helpers');
var env = require('../environments/prod.env.js');

module.exports = webpackMerge(commonConfig, {
  devtool: 'source-map',

  output: {
    path: helpers.root('server', 'public', 'static', 'js'),
    filename: '[name].js'
  },

  plugins: [

    new webpack.DefinePlugin({
      'process.env': env
    })
  ]
});

这个webpack要点（ https://github.com/dmachat/angular-webpack-cookbook/wiki/Deploy-to-production ）说我可以使用相同的文件，只是webpack的启动有所不同。 有人可以帮我吗？

package.json中的相关部分：

  "scripts": {
    "build": "webpack --progress --config config/webpack.dev.js",
    "build:prod": "webpack --progress --config config/webpack.prod.js",
    "postinstall": "typings install",
    "serve": "webpack-dev-server --inline --progress --port 8080",
 ...

Answer 1

我想您是在问如何让web-pack-dev服务器托管您的生产版本而不是您的开发版本？

假设您有一个名为build的目录。 您可以将webpack-dev-server指向该目录中的文件，例如“ --content-base build /”

也可能会发现您要在生产构建脚本中设置NODE_ENV = production。