如何從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。