简介
express-bundles 是一个为 Express 构建的前端包管理器，它能为你带来许多便利，让前端工程变得更加简单和高效。
安装
安装 express-bundles 只需在终端中输入以下命令：
npm install express-bundles
使用
1. 创建 bundle
使用 express-bundles 需要首先创建一个 bundle，它包含了你的 web assets（如：js、css、图片等）。
const Bundles = require('express-bundles');
const path = require('path');
let bundles = new Bundles({
paths: {
'/static': path.join(__dirname, 'assets')
}
});我们创建了一个叫做 bundles 的 bundle 变量，它将我们的静态资源（如：图片、样式表和 JavaScript）放在 ‘/static’ 目录下。
2. 添加 bundle 中间件
接下来，在你的 Express app 中添加 bundle：
app.use(bundles.middleware());
这会将 bundle 中所有的静态资源暴露在 Express 根目录的路径下。
3. 使用 bundle 中的静态资源
<link rel="stylesheet" href="/static/style.css"> <script src="/static/scripts.js"></script> <img src="/static/logo.png" />
4. 配置选项
-- -------------------- ---- -------
--- ------- - --- ---------
------ -
---------- -------------------- ---------
--
-------- -
------------ ---------------------- ----------------------
----------- ---------------------- ---------------------
--
------- ----
---
------------------ ----------------------这里我们添加了额外的选项，如：
bundles: 它允许你打包多个 JavaScript 和 CSS 文件；minify: 是否将你的 CSS 和 JavaScript 文件压缩。
示例代码
-- -------------------- ---- -------
-- -- ------- - ---------------
----- ------- - -------------------
----- ------- - ---------------------------
-- ---- ------- ----
----- --- - ----------
-- -- ------- --
----- ------- - --- ---------
------ -
---------- -------------------- ---------
--
-------- -
------------ ------------------------- -------------------------
----------- ----------------------- -----------------------
--
------- ----
---
-- -- ------- ---- ------- ----
------------------ ----------------------
-- -- ------- ----
----- ---- - ---------------- -- -----
---------------- -- -- -
---------------- --------- -- ---- ----------
---这将创建一个 express 应用程序，将 bundles 暴露在 ‘/static’ 目录下的路径，并使用 listen() 方法将应用程序在本地 3000 端口启动。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77572