使用webpack+express+typescript+react搭建前端框架(三):Express 服务端配置

// 依赖项
const express = require('express');
const path = require('path');
const webpack = require('webpack');
const history = require('connect-history-api-fallback');
const webpackMiddleware = require('webpack-dev-middleware');
const webpackHotMiddleware = require('webpack-hot-middleware');
const bodyParser = require('body-parser');

const config = require('./webpack.config.js');
const isDeveloping = process.env.NODE_ENV !== 'production';
const port = isDeveloping ? 8000 : process.env.PORT;
const app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));

// 引入路由定义
require('./server/router/config.router.js')(app);

app.use(history());

if (isDeveloping) {
    const compiler = webpack(config);
    const middleware = webpackMiddleware(compiler, {
        publicPath: config.output.publicPath,
        contentBase: path.join(__dirname, '/app'),
        stats: {
            colors: true,
            hash: false,
            timings: true,
            chunks: false,
            chunkModules: false,
            modules: false
        }
    });
    app.use(middleware);
    app.use(webpackHotMiddleware(compiler));
	app.use('/statics', express.static(__dirname + '/statics'));
} else {
    app.use(express.static(__dirname + '/dist'));
}

app.listen(port, function onStart(err) {
    if (err) {
        console.log(err);
    }
    console.info(`Listening on port ${port}. Open up http://localhost:${port}/ in your browser.`);
});

const proxy = require('express-http-proxy');

module.exports = (app) => {
  app.all('/request/*', (req, res, next) => {
    next();
  }, proxy(`http://${backend_host}`);
}