dev-server.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. var config = require('../config')
  2. if (!process.env.NODE_ENV) process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
  3. var path = require('path')
  4. var express = require('express')
  5. var webpack = require('webpack')
  6. var opn = require('opn')
  7. var proxyMiddleware = require('http-proxy-middleware')
  8. var webpackConfig = require('./webpack.dev.conf')
  9. // default port where dev server listens for incoming traffic
  10. var port = process.env.PORT || config.dev.port
  11. // Define HTTP proxies to your custom API backend
  12. // https://github.com/chimurai/http-proxy-middleware
  13. var server = express()
  14. var compiler = webpack(webpackConfig)
  15. var devMiddleware = require('webpack-dev-middleware')(compiler, {
  16. publicPath: webpackConfig.output.publicPath,
  17. stats: {
  18. colors: true,
  19. chunks: false
  20. }
  21. })
  22. var hotMiddleware = require('webpack-hot-middleware')(compiler)
  23. // force page reload when html-webpack-plugin template changes
  24. compiler.plugin('compilation', function(compilation) {
  25. compilation.plugin('html-webpack-plugin-after-emit', function(data, cb) {
  26. hotMiddleware.publish({
  27. action: 'reload'
  28. })
  29. cb()
  30. })
  31. })
  32. var context = config.dev.context
  33. switch(process.env.NODE_ENV){
  34. case 'local': var proxypath = 'http://localhost:8082'; break;
  35. case 'online': var proxypath = 'http://waimai-api.microapp.store/api'; break;
  36. default: var proxypath = config.dev.proxypath;
  37. }
  38. var options = {
  39. target: proxypath,
  40. changeOrigin: true,
  41. }
  42. if (context.length) {
  43. server.use(proxyMiddleware(context, options))
  44. }
  45. // handle fallback for HTML5 history API
  46. server.use(require('connect-history-api-fallback')())
  47. // serve webpack bundle output
  48. server.use(devMiddleware)
  49. // enable hot-reload and state-preserving
  50. // compilation error display
  51. server.use(hotMiddleware)
  52. // serve pure static assets
  53. var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
  54. server.use(staticPath, express.static('./static'))
  55. module.exports = server.listen(port, function(err) {
  56. if (err) {
  57. console.log(err)
  58. return
  59. }
  60. var uri = 'http://localhost:' + port
  61. console.log('Listening at ' + uri + '\n')
  62. // when env is testing, don't need open it
  63. if (process.env.NODE_ENV !== 'testing') {
  64. opn(uri)
  65. }
  66. })