简介
npm 包 stitching 是一个前端用来合并代码的工具，它可以将多个模块合并为一个模块，从而减少 HTTP 请求，提升页面加载速度。本文将介绍 npm 包 stitching 的使用方法。
安装
安装 stitching，你可以在终端执行以下命令：
npm install stitching -g
使用
创建简单的工程
首先，我们创建一个简单的工程：
mkdir myProject cd myProject npm init -y
创建好之后，在 myProject 目录下创建一个 index.js 文件，在这个文件中新建两个模块：
-- -------------------- ---- ------- -- --------- ------ -------- ------ -- - ------ - - -- - -- --------- ------ -------- -------- -- - ------ - - -- -
然后，在 index.js 中使用这两个模块：
// index.js
import { add } from './model1';
import { minus } from './model2';
console.log(add(1, 2)); //输出 3
console.log(minus(3, 2)); //输出 1使用 stitching 将多个模块合并为一个模块
在本例中，我们只有两个模块，使用 stitching 或许并没有什么作用。但是当我们的项目变得越来越复杂时，使用 stitching 就变得非常有用了。下面，我们使用 stitching 把这两个模块合并为一个模块。
首先，我们需要为我的项目安装 stitching：
npm install stitching
然后，我们在 myProject 目录下新建一个名为 lib 的目录，用来存放所有的模块文件。
mkdir lib cd lib touch model1.js touch model2.js
然后，将 model1.js 和 model2.js 的内容复制到刚刚创建的文件中。
-- -------------------- ---- ------- -- ------------- ------ -------- ------ -- - ------ - - -- - -- ------------- ------ -------- -------- -- - ------ - - -- -
然后，我们创建一个名为 index.js 的文件，使用 stitching 将两个模块合并为一个模块：
// index.js
import { add } from './lib/model1';
import { minus } from './lib/model2';
console.log(add(1, 2)); //输出 3
console.log(minus(3, 2)); //输出 1最后，我们使用以下命令运行我们的代码：
stitching index.js > dist/stitched.js
在该命令运行之后，stitching 会将 index.js 中用到的所有模块合并到一个文件中，并将这个文件输出到 dist/stitched.js 中。
通过这篇文章，您可以学会使用 npm 包 stitching 的方法，并在将来的项目中使用它优化您的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056fe581e8991b448e7bfc