什么是 stevedore
stevedore 是基于 webpack 的前端资源管理工具，可以帮助我们更方便地管理项目中的 JS、CSS、图片等文件，并提供了一些便捷的打包处理功能。
使用 stevedore 可以让我们更加专注于业务代码的编写，而不用过多关注如何配置 webpack 等底层细节。
安装 stevedore
通过 npm 安装 stevedore：
npm install stevedore --save-dev
安装完成后，在项目根目录下新建一个名为 stevedore.config.js 的配置文件，这是 stevedore 的主要配置文件。
配置文件示例
以下是一个简单的 stevedore.config.js 配置文件示例：
-- -------------------- ---- -------
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
-------- -
--- -------------------
--------- ---------------------
--
--
-------- -
------ -
---- ----------------------- ------
-
-
--在这个配置文件中，我们指定了入口文件 ./src/index.js 和输出文件的路径为 ./dist/bundle.js。同时，我们还使用了 HtmlWebpackPlugin 插件来生成 HTML 页面，并指定了模板文件 ./public/index.html。
此外，还定义了一个别名 @，可以方便地在代码中引用项目根目录下的文件。
使用 stevedore 打包项目
使用 stevedore 打包项目非常简单，只需要在终端中执行以下命令：
npx stevedore build
执行完毕后，会在配置文件中指定的输出路径下生成打包文件。
如果想要启动本地开发服务器，可以执行以下命令：
npx stevedore serve
这样就可以在本地启动一个 HTTP 服务器，并且自动监听文件变化，实现实时编译和刷新页面。
总结
通过上述介绍，我们可以看到 stevedore 的强大之处，它能够帮助我们更加轻松地管理前端资源，并提供了一些方便的打包处理功能。
当然，除了上述基本用法外，stevedore 还有很多更高级的配置和功能，可以根据实际需求进行灵活应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/52510