webpack4 express中间件webpack-dev-middleware线上运行环境

矫情吗；* 2021-07-24 21:35 276阅读 0赞

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!'));

发表评论取消回复

表情：

评论列表（有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

相关 Express--中间件

Express后台创建： 1、在与项目同级的目录下创建server文件夹 2、cd到server文件下下载express：下载之前先：npm init -y

超、凢脫俗/ 2022年12月09日 04:55/ 0 赞/ 215 阅读

相关 express中间件

文章目录 express中的中间件中间件：处理请求的，本质就是个函数应用层中间件路由器级中间件

曾经终败给现在/ 2022年10月23日 15:25/ 0 赞/ 200 阅读

相关 express常用中间件

[https://github.com/nswbmw/N-blog][https_github.com_nswbmw_N-blog] express: web 框架 e

心已赠人/ 2022年07月12日 07:45/ 0 赞/ 248 阅读

相关 [nodejs][express]中间件

var app = express(); // 没有挂载路径的中间件，应用的每个请求都会执行该中间件 app.use(function (re

港控/mmm°/ 2022年06月04日 01:18/ 0 赞/ 230 阅读

相关 Express中间件

中间件概念中间件就是方法，从请求到响应的过程中调用的方法。每个步骤做一件事中间件：处理请求的，本质就是个函数 Express中的中间件

灰太狼/ 2022年05月16日 12:19/ 0 赞/ 240 阅读

相关 Express 的中间件

中间件是 Express 强大的功能，它的处理流程示意图如下： ![70][] 下面是一个演示例子： const app = express()

Dear 丶/ 2022年05月11日 14:24/ 0 赞/ 256 阅读

相关 express 中间件原理

/ \\ \ Created by BIYY on 2018-6-14. \/function App() \{ if (!(this instanceof App

分手后的思念是犯贱/ 2022年04月17日 02:45/ 0 赞/ 249 阅读

相关 Express 中间件

中间件是一种方法，可以接收客户端发来的请求，可以对请求做出响应，也可以将请求继续交给下一个中间件继续处理。中间件主要由两部分组成，中间件方法及请求处理函数。

àì夳堔傛蜴生んèń/ 2021年11月02日 11:44/ 0 赞/ 389 阅读

相关 Express中间件body-parser

BodyParser简介在http请求种，POST、PUT、PATCH三种请求方法中包含着请求体，也就是所谓的request-body，在Nodejs原生的http模块

谁借莪１个温暖的怀抱￠/ 2021年10月13日 01:09/ 0 赞/ 373 阅读

相关 webpack4 express中间件webpack-dev-middleware线上运行环境

1、下载 cnpm install webpack-dev-middleware -D 2、配置 const webpack =

矫情吗；*/ 2021年07月24日 21:35/ 0 赞/ 277 阅读