标签：webpack4 const app express 中间件 require webpack middleware

1、下载
	cnpm install webpack-dev-middleware -D
	
2、配置
	const webpack = require('webpack');
	const middleware = require('webpack-dev-middleware');
	const config = require('../webpack.config'); 配置webpack
	const compiler = webpack(config);
	const express = require('express');
	const app = express();
	
	app.use(
	  middleware(compiler, {
	    // webpack-dev-middleware options
	  })
	);
	
	app.listen(3000, () => console.log('Example app listening on port 3000!'));

3、若报错Can't resolve 入口文件的错误
	在webpack配置中添加上下文环境
	module.exports = {
	  context:path.resolve(__dirname),
	}

代码示例:

const webpack = require('webpack');
const middleware = require('webpack-dev-middleware');
const config = require('../webpack.config');
const compiler = webpack(config);
const express = require('express');
const app = express();

app.use(
  middleware(compiler, {
    // webpack-dev-middleware options
  })
);

app.get('/us', (req, res) => {
  res.json({ name: 'jeff' });
})

app.listen(3000, () => console.log('Example app listening on port 3000!'));

标签：webpack4,const,app,express,中间件,require,webpack,middleware
来源： https://blog.csdn.net/weixin_43294560/article/details/113854592

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。