在前端开发中，使用构建工具来打包、压缩、优化代码等操作是相当重要的。而前端构建工具又有很多，其中一个叫做 Origami Service Makefile，它是由 Financial Times（以下简称 FT） 推出的，是一个用于构建 Origami 组件的通用 Makefile 文件。
在本文中，我们将会详细介绍如何使用 npm 包 @financial-times/origami-service-makefile 构建 Origami 组件，包含了如何安装、常见的用法以及一些示例代码。阅读本文将让你更好地掌握使用 Origami Service Makefile 构建 Origami 组件的相关知识，以及为你的项目带来技术和指南上的启迪。
安装
安装 Origami Service Makefile 非常简单。我们只需在命令行中执行以下命令：
npm install -D @financial-times/origami-service-makefile
常用命令
在安装完成后，我们可以通过 Makefile 文件中预定义好的命令来构建 Origami 组件。
make build
该命令用于生成 Origami 组件的构建文件，例如 JS、CSS 和 SVG 等。通过命令行执行以下命令：
make build
执行该命令后，将会在项目根目录下生成一个 build 目录，其中包含了构建后的文件。
make watch
该命令将会监听文件的变化，当文件发生变化时，将会进行重构建，执行以下命令：
make watch
make test
该命令用于测试 Origami 组件。在 make test 命令执行之前，我们需要安装相关的测试和断言库。在 package.json 文件中定义好相关的库之后，我们执行一下命令来安装它们：
npm install
接着，执行以下语句即可启动测试：
make test
make lint
该命令用于检查代码风格，可避免代码质量问题。执行一下语句来启动检查：
make lint
make clean
该命令会清空 build 目录下的构建文件。执行以下命令：
make clean
示例代码
以上都是一些基本的命令，我们来看一下具体使用的一个示例。
在这个示例中，我们将说明如何将 Origami 组件构建为一个 NPM 包，以便于其他人方便地引用组件。
首先，你需要创建一个 Origami 组件。在组件目录内，我们新建或者修改一个 Makefile 文件。在 Makefile 文件中添加以下代码：
include $(shell npm config get prefix)/lib/node_modules/@financial-times/origami-service-makefile/index.mk
在 package.json 文件中添加以下代码：
-- -------------------- ---- -------
-
------- -----------------------
---------- --------
-------------- --- ------- -----------
------- ---------------
---------- -
------- ------ ---------
------------- ----- ------
-
-这个脚本告诉 npm，在将组件提交到 NPM 仓库之前，先进行构建操作。
最后，运行以下命令即可将组件发布到 NPM 仓库：
npm publish
总结
在本文中，我们通过介绍 npm 包 @financial-times/origami-service-makefile 的使用教程，详细说明了其安装、常见的用法以及一些示例代码，让读者对 Origami Service Makefile 的使用有了更深入的了解与掌握。
使用 Origami Service Makefile 可以帮助我们更好地构建 Origami 组件，以及打包、优化、压缩等等工作，为我们的项目带来了很大的便利。请大家在实践中去尝试并发挥其更多的优点。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedad52b5cbfe1ea0610c3e