什么是 npm 包 include.min.js？
npm 包 include.min.js 是一个小型的 JavaScript 库，用于在 HTML 中引入外部的 JavaScript 和 CSS 文件。它可以帮助开发者快捷、简单地将外部资源引入到 HTML 文件中，从而更好地组织和管理自己的项目。
如何安装和使用 include.min.js？
- 安装
要使用 include.min.js，你需要安装并引入它。在终端运行以下命令即可安装：
npm install includejs
- 使用
安装完毕后，在 HTML 文件中引入 include.min.js：
<script src="node_modules/includejs/include.min.js"></script>
接着，在 HTML 文件中即可使用 include.min.js：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------- ---------------
------- -----------------------------------------------------
--------
-------
--------------------------------------------------------
---------------- -
------------------- --------
---
---------
-------
------
--------- ----------
-------
-------上述示例代码中使用了 CDN 引入了 jQuery，当 jQuery 加载完毕后，在控制台输出一条信息。这是 include.min.js 的基本使用方法。
include.min.js 的更多用法
除了基本的引入 JavaScript 和 CSS，include.min.js 还具备更多的用法，如下：
引入多个文件
include
.js('//cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js')
.css('style.css')
.done(function() {
console.log('所有文件加载完毕！');
});子文件夹的引入
include
.js('js/jquery.js')
.js('js/bootstrap.js')
.done(function() {
console.log('bootstrap 和 jQuery 加载完毕！');
});同时引入多个文件和文件夹
include
.js('//cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js')
.css('style.css')
.js('js/jquery.js')
.js('js/bootstrap.js')
.done(function() {
console.log('全部文件加载完毕！');
});公共库的统一管理
include
.setBaseUrl('http://cdn.bootcss.com/')
.js('jquery/3.2.1/jquery.slim.min')
.done(function() {
console.log('jQuery 加载完毕！');
});上述示例代码中通过使用 setBaseUrl() 可以将公共库的 url 设置为固定值，从而简化其他文件的引用过程。
总结
通过学习本文，你已经学会了如何使用 npm 包 include.min.js 将外部文件引入到 HTML 文件中，并了解了一些 include.min.js 更为高级的用法。在实际开发中，可以引入多种外部库和框架，从而提高代码的可读性和复用性，更好地完成自己的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bce967216659e244c77