HowTo从开发阶段移至生产阶段-开发阶段-服务器阶段

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。