Webpack本地起程序

本地起程序需要nginx的支持。操作步骤：

（1）从SVN或GIT上下拉代码。

（2）把node_modules压缩包解压。

（3）在package.json路径下使用npm install 命令，安装package.json里写的一系列依赖包。

（4）使用npm run dev2起程序。这里的npm run dev2命令写在了package.json里了。package.json的scripts里会指定各类的npm命令。

"scripts": {
    "startpord": "cross-env NODE_ENV=development webpack-dev-server --hot --inline --config webpack.prod.js",
    "devpord": "cross-env NODE_ENV=development2 webpack --display-error-detail --colors  --progress --hide-modules --watch --config webpack.prod.js",
    "start": "cross-env NODE_ENV=development webpack-dev-server --hot --inline",
    "start2": "cross-env NODE_ENV=development webpack-dev-server --hot --inline --config webpack.resource.js",
    "start3": "cross-env NODE_ENV=development webpack-dev-server --hot --inline --config webpack.order.js",
    "dev": "cross-env NODE_ENV=development2 webpack --display-error-detail --colors  --progress --hide-modules --watch --config webpack.prod.js",
    "build": "cross-env NODE_ENV=production webpack --display-error-detail --colors  --progress --hide-modules --watch --config webpack.config.js",
    "dev2": "cross-env NODE_ENV=development2 webpack --display-error-detail --colors  --progress --hide-modules --watch --config webpack.resource.js",
    "build2": "cross-env NODE_ENV=production webpack --display-error-detail --colors  --progress --hide-modules --watch --config webpack.resource.js",
    "dev3": "cross-env NODE_ENV=development2 webpack --display-error-detail --colors  --progress --hide-modules --watch --config webpack.order.js",
    "build3": "cross-env NODE_ENV=production webpack --display-error-detail --colors  --progress --hide-modules --watch --config webpack.order.js"
  },

实际上在我npm run dev2对应的webpack.resource.js文件中缺少dev2对应的development2相应的操作，只有development。目的是只让修改的代码在本地执行而已，不涉及到development里的操作。这里npm run dev2的NODE_ENV不只是=development2可以是任何非development或者production的值。

（5）使用完npm run dev2代码就会执行起来了。

  (6)   想看对应页面效果，要在本地的服务器上看。配置好nginx的conf文件后，页面打开本地页面就可以出来效果。具体操作见下一条链接