介绍
一种与Webpack捆绑包一起使用的快速风格开发中间件,允许提供从Webpack发出的文件。这只能用于开发。
使用此中间件的一些好处包括:
1、没有文件写入磁盘,而是处理内存中的文件
2、如果文件在监视模式下发生更改,中间件将延迟请求,直到编译完成。
3、支持热模块重新加载(HMR)。
用法
const webpack = require('webpack');
const middleware = require('webpack-dev-middleware');
const compiler = webpack({
// webpack options
});
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!'));
选项
methods、headers、index、lazy、logger、logLevel、logTime、mimeTypes、publicPath、reporter、serverSideRender、stats、watchOptions、writeToDisk、fs
接口
invalidate()
指示Webpack dev中间件实例重新编译包。例如,更改配置后。
更多信息https://www.npmjs.com/package/webpack-dev-middleware