前言
Webpack 的使用目前已經(jīng)是前端開發(fā)工程師必備技能之一。若是想在本地環(huán)境啟動一個開發(fā)服務(wù),大家只需在 Webpack 的配置中,增加 devServer 的配置來啟動。devServer 配置的本質(zhì)是 webpack-dev-server 這個包提供的功能,而 webpack-dev-middleware 則是這個包的底層依賴。
截至本文發(fā)表前,webpack-dev-middleware 的最新版本為 webpack-dev-middleware@3.7.2
,本文的源碼來自于此版本。本文會講解 webpack-dev-middleware 的核心模塊實現(xiàn),相信大家把這篇文章看完,再去閱讀源碼,會容易理解很多。
webpack-dev-middleware 是什么?
要回答這個問題,我們先來看看如何使用這個包:
const wdm = require('webpack-dev-middleware'); const express = require('express'); const webpack = require('webpack'); const webpackConf = require('./webapck.conf.js'); const compiler = webpack(webpackConf); const app = express(); app.use(wdm(compiler)); app.listen(8080);
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。