首先，我们需要知道什么是 inlined npm 包。inlined npm 包是指从本地文件系统中引入的 npm 包，而不是从远程 npm registry 中下载的包。
为什么要使用 inlined npm 包？
- 更快地开发调试。 inlined npm 包都是本地文件系统中的文件，所以修改代码后不需要重新发布到 npm registry，也无需执行 npm update，直接刷新页面即可看到修改的效果。
- 避免 npm 发布导致的意外问题。 如果我们在发布 npm 包时，包含了不应该发布的文件或者修改了内容，就会对使用者产生负面影响。使用 inlined npm 包可以默认避免这种问题。
如何使用 inlined npm 包？
第一步：创建一个 npm 包
为了演示如何使用 inlined npm 包，首先我们需要创建一个简单的 npm 包：
- 在本地创建一个名为
inlined-package的文件夹。 - 在
inlined-package文件夹中运行以下命令：
npm init -y
这将会帮助我们在 inlined-package 文件夹中创建一个名为 package.json 的文件。
- 在
inlined-package文件夹中创建一个名为index.js的文件。在index.js中编写以下代码：
module.exports = {
sayHello(name) {
console.log(`Hello, ${name}!`);
},
};- 在
inlined-package文件夹中创建一个名为README.md的文件，这是 npm 包通常会有的文档。
第二步：使用 inlined npm 包
- 在需要使用该 npm 包的项目中创建一个文件夹，例如
my-project。 - 在
my-project文件夹中运行以下命令：
npm init -y
这将会帮助我们在 my-project 文件夹中创建一个名为 package.json 的文件。
- 在
my-project文件夹中创建一个名为index.js的文件。在index.js中编写以下代码：
const inlinedPackage = require('./inlined-package');
inlinedPackage.sayHello('world');现在我们需要将 inlined-package 包作为 inlined npm 包引入到 my-project 项目中。
- 在
my-project文件夹中创建一个名为package.json的文件。 - 在
my-project文件夹中运行以下命令：
npm install ../inlined-package
这将会从本地文件系统中安装 inlined-package 包到 my-project 文件夹的 node_modules 文件夹中。
- 在
my-project文件夹中使用以下代码将inlined-package引入到项目中：
const inlinedPackage = require('inlined-package');
inlinedPackage.sayHello('world');总结
使用 inlined npm 包是一种更加高效和可靠的开发方式，能够帮助我们更快地开发和调试项目，同时避免意外问题的出现。需要注意的是，在使用 inlined npm 包的时候，我们需要手动管理依赖关系，这需要花费更多的时间和精力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005565981e8991b448d3333