dev-server.js 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. require('./check-versions')()
  2. var config = require('../config')
  3. if (!process.env.NODE_ENV) {
  4. process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
  5. }
  6. var opn = require('opn')
  7. var path = require('path')
  8. var express = require('express')
  9. var webpack = require('webpack')
  10. var proxyMiddleware = require('http-proxy-middleware')
  11. var webpackConfig = process.env.NODE_ENV === 'testing'
  12. ? require('./webpack.prod.conf')
  13. : require('./webpack.dev.conf')
  14. // default port where dev server listens for incoming traffic
  15. var port = process.env.PORT || config.dev.port
  16. // automatically open browser, if not set will be false
  17. var autoOpenBrowser = !!config.dev.autoOpenBrowser
  18. // Define HTTP proxies to your custom API backend
  19. // https://github.com/chimurai/http-proxy-middleware
  20. var proxyTable = config.dev.proxyTable
  21. var app = express()
  22. var compiler = webpack(webpackConfig)
  23. var devMiddleware = require('webpack-dev-middleware')(compiler, {
  24. publicPath: webpackConfig.output.publicPath,
  25. quiet: true
  26. })
  27. var hotMiddleware = require('webpack-hot-middleware')(compiler, {
  28. log: () => {}
  29. })
  30. // force page reload when html-webpack-plugin template changes
  31. compiler.plugin('compilation', function (compilation) {
  32. compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
  33. hotMiddleware.publish({ action: 'reload' })
  34. cb()
  35. })
  36. })
  37. // proxy api requests
  38. // Object.keys(proxyTable).forEach(function (context) {
  39. // var options = proxyTable[context]
  40. // if (typeof options === 'string') {
  41. // options = { target: options }
  42. // }
  43. // app.use(proxyMiddleware(options.filter || context, options))
  44. // })
  45. var context = config.dev.context
  46. switch(process.env.NODE_ENV){
  47. case 'local': var proxypath = 'http://localhost:8001'; break;
  48. case 'online': var proxypath = 'http://elm.cangdu.org'; break;
  49. }
  50. var options = {
  51. target: proxypath,
  52. changeOrigin: true,
  53. }
  54. if (context.length) {
  55. app.use(proxyMiddleware(context, options))
  56. }
  57. // handle fallback for HTML5 history API
  58. app.use(require('connect-history-api-fallback')())
  59. // serve webpack bundle output
  60. app.use(devMiddleware)
  61. // enable hot-reload and state-preserving
  62. // compilation error display
  63. app.use(hotMiddleware)
  64. // serve pure static assets
  65. var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
  66. app.use(staticPath, express.static('./static'))
  67. var uri = 'http://localhost:' + port
  68. var _resolve
  69. var readyPromise = new Promise(resolve => {
  70. _resolve = resolve
  71. })
  72. console.log('> Starting dev server...')
  73. devMiddleware.waitUntilValid(() => {
  74. console.log('> Listening at ' + uri + '\n')
  75. // when env is testing, don't need open it
  76. if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') {
  77. opn(uri)
  78. }
  79. _resolve()
  80. })
  81. var server = app.listen(port)
  82. module.exports = {
  83. ready: readyPromise,
  84. close: () => {
  85. server.close()
  86. }
  87. }