提取配置信息到config文件中

Author: yunkui.zhou

bin/www

@@ -1,22 +1,15 @@
 #!/usr/bin/env node
-if (process.env.NODE_ENV === 'local') {
-  //由于运行时不会设置BABEL_ENV = node，单独为node运行时设置插件处理
-  //这里如果统一设置BABEL_ENV = node，导致webpack内babel运行时也会去读取env: node的配置
-  require('babel-register')({
-    'plugins': [
-      [
-        'babel-plugin-transform-require-ignore',
-        {
-          extensions: ['.less']
-        }
-      ],
-      'dynamic-import-node'
-    ]
-  })
-}
+const path = require('path')
+process.env['NODE_CONFIG_DIR'] = path.resolve(__dirname, '../server/config')
+const config = require('config')
+console.log(`读取配置文件${config.env}.js`)
 const app = require('../server/index').default
 const http = require('http')
 const server = http.createServer(app)
-server.listen('8888', '127.0.0.1', () => {
+server.listen(config.port, config.ip)
+server.on('error', (error) => {
+  throw error
+})
+server.on('listening', () => {
   console.log(`启动成功，监听端口：${server.address().port}`)
 })

clean.sh

@@ -10,7 +10,7 @@
   "execMap": {
   },
   "env": {
-    "NODE_ENV": "local"
+    "NODE_ENV": "development"
   },
   "watch": [
     "server/"

eslint.sh

@@ -2,10 +2,8 @@
   "name": "middleware",
   "version": "0.0.1",
   "scripts": {
-    "fix": "sh ./eslint.sh",
     "start": "nodemon ./bin/www",
-    "clean": "sh ./clean.sh",
-    "prebuild": "npm run clean && babel bin --out-dir dist/bin &&cross-env BABEL_ENV=node babel client --out-dir dist/client --copy-files && babel server --out-dir dist/server --copy-files",
+    "prebuild": "rimraf ./dist && babel bin --out-dir dist/bin && cross-env BABEL_ENV=node babel client --out-dir dist/client --copy-files && babel server --out-dir dist/server --copy-files",
     "build": "cross-env NODE_ENV=production webpack --config webpack.config.js",
     "postbuild": "babel public --out-dir dist/public --copy-files && babel test --out-dir dist/test --copy-files"
   },
@@ -19,6 +17,7 @@
     "babel-plugin-transform-require-ignore": "^0.1.1",
     "babel-preset-env": "^1.6.1",
     "babel-preset-react": "^6.24.1",
+    "config": "^1.30.0",
     "cross-env": "^5.1.4",
     "css-loader": "^0.28.11",
     "eslint": "^4.19.1",
@@ -44,6 +43,7 @@
     "react-router-redux": "^5.0.0-alpha.9",
     "redux": "^3.7.2",
     "redux-thunk": "^2.2.0",
+    "rimraf": "^2.6.2",
     "style-loader": "^0.20.3",
     "url-loader": "^1.0.1",
     "webpack": "^4.3.0",

nodemon.json

@@ -0,0 +1,6 @@
+'use strict';
+module.exports = {
+  env: 'beta',
+  port: '8888',
+  ip: '0.0.0.0',
+}

package.json

@@ -0,0 +1,6 @@
+'use strict';
+module.exports = {
+  env: 'dev',
+  port: '8888',
+  ip: '0.0.0.0'
+}

server/config/beta.js

@@ -0,0 +1,35 @@
+'use strict';
+require('babel-register')({
+  'plugins': [
+    [
+      'babel-plugin-transform-require-ignore',
+      {
+        extensions: ['.less']
+      }
+    ],
+    'dynamic-import-node'
+  ]
+})
+const injectDevelopmentTools = (app) => {
+  const config = require('../../webpack.config.local')
+  const webpack = require('webpack')
+  const compiler = webpack(config)
+  const webpackDevMiddleware = require('webpack-dev-middleware')
+  const webpackHotMiddleware = require('webpack-hot-middleware')
+  app.use(webpackHotMiddleware(compiler, {
+    log: false,
+    path: '/__webpack_hmr',
+    heartbeat: 2000
+  }))
+  app.use(webpackDevMiddleware(compiler, {
+    publicPath: config.output.publicPath,
+    serverSideRender: true
+  }))
+  return '本地开发链接webpack与node服务'
+}
+module.exports = {
+  env: 'development',
+  port: '8888',
+  ip: '0.0.0.0',
+  injectDevelopmentTools
+}

server/config/dev.js

@@ -0,0 +1,6 @@
+'use strict';
+module.exports = {
+  env: 'production',
+  port: '8888',
+  ip: '0.0.0.0'
+}

server/config/development.js

@@ -0,0 +1,6 @@
+'use strict';
+module.exports = {
+  env: 'staging',
+  port: '8888',
+  ip: '0.0.0.0'
+}

server/config/production.js

@@ -4,27 +4,13 @@
 import express from 'express'
 import path from 'path'
 import pages from './routes/pages'
+const config = require('config')
 const app = express()
+console.log(config.injectDevelopmentTools && config.injectDevelopmentTools(app))
 app.set('views', path.join(__dirname, 'views'));
 app.set('view engine', 'hbs')
-app.get(express.static(path.resolve(__dirname, '../public')))
+app.use(express.static(path.resolve(__dirname, '../public')))
 
-if (process.env.NODE_ENV === 'local') {
-  const config = require('../webpack.config.local')
-  const webpack = require('webpack')
-  const compiler = webpack(config)
-  const webpackDevMiddleware = require('webpack-dev-middleware')
-  const webpackHotMiddleware = require('webpack-hot-middleware')
-  app.use(webpackHotMiddleware(compiler, {
-    log: false,
-    path: '/__webpack_hmr',
-    heartbeat: 2000
-  }))
-  app.use(webpackDevMiddleware(compiler, {
-    publicPath: config.output.publicPath,
-    serverSideRender: true
-  }))
-}
 //页面链式路由入口
 app.use('/p', pages)
 //首页
@@ -33,7 +19,7 @@ app.get('/', (req, res) => {
     title: 'react-redux-iapp同构项目'
   })
 })
-app.use((req, res, next, err) => {
+app.use((err, req, res, next) => {
   res.json({
     message: '404',
     err: err