如何从开发者转向webpack-dev-server生产

时间:2017-10-15 21:58:19

标签: angularjs webpack

这是我的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",
 ...

1 个答案:

答案 0 :(得分:0)

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

我们假设您有一个名为build的目录。您可以指向webpack-dev-server来提供该目录中的文件,例如" - content-base build /"

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