简介
前端开发中，常常需要使用一些工具进行代码打包、压缩等操作，其中使用比较广泛的是Browserify。为了更好地使用Browserify，我们可以使用npm包browserify-dev-middleware。
Browserify-dev-middleware是一个HTTP服务器中间件，可以将Browserify打包后的文件导出到HTTP响应中。它配合 express 或 Connect 使用，可以实现在开发时迅速重启服务，并将修改后的文件自动打包到浏览器中。
安装
可以通过npm进行安装：
npm install browserify-dev-middleware --save-dev
使用方法
在 Express 中使用
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---------- - ---------------------- ----- ----------------------- - ------------------------------------- ----- --- - ---------- -- ---------------- ----- ------- - ---------------------------- -- ---------------- ---------------------------------------- - ----------- ------ --------------- ------ ----- -------- -------- ---- -------- ---- ---------------- -- -- - ------------------- -- ------- -- ---- ------- ---
在webpack中使用
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---------- - ---------------------- ----- ----------------------- - ------------------------------------- ----- -------- - ---------------- ----- ------- - ---------------------------- -- ---------------- ----------------------------------------------- - ----------- ------ ------ ----- -------- ---- ---- --------------------- -- -- - ------------------- -- ------- -- ---- ------- ---
可配置项
browserify-dev-middleware提供了一些可选配置项，可以根据具体需要进行设置。
-- -------------------- ---- -------
---------------------------------------- -
----------- ------
------ -----
-------- -----
--------- ------- ------
------ ------------- ------
------ ---- --------
------------- -
------- --------------------
-- ------
----- ---- ------------
----示例代码
以下是一个简单的示例代码，可以自行尝试运行：
-- -------------------- ---- -------
----- ------- - -------------------
----- ---------- - ----------------------
----- ----------------------- - -------------------------------------
----- --- - ----------
----- ------- - ----------------------------
---------------------------------------- -
----------- ------
------ -----
-------- ----
----
------------ ----- ---- -- -
----------
--------- -----
------
------
----- ----------------
-------------------
-------
------
------- ---------------------------
-------
-------
---
---
---------------- -- -- -
------------------- -- ------- -- ---- -------
---结语
通过本教程，我们了解了npm包browserify-dev-middleware的使用方法以及相关配置项，能够更好地使用浏览器端模块化工具Browserify进行开发，提高效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8bccdc64669dde5352