本地起程序需要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文件后,页面打开本地页面就可以出来效果。具体操作见下一条链接