前端工程化的发展离不开依赖管理工具，npm 是前端开发中最常用的依赖管理工具之一。而 fis-command-install-npm 是一款能够在 fis 工程中使用 npm 包的插件，本文将介绍该插件的使用教程。
安装 fis-command-install-npm
首先，在使用 fis-command-install-npm 之前，我们需要在全局安装 fis3 以及 fis-command-install-npm。
执行以下命令进行全局安装：
npm install -g fis3 fis-command-install-npm
使用 fis-command-install-npm
安装完毕之后，我们就可以开始在 fis 工程中使用 fis-command-install-npm 插件了。
安装 npm 包
在 fis 工程的根目录下执行以下命令，即可安装指定的 npm 包：
fis3 install npm-package-name
例如，我们想要安装 lodash 这个 npm 包，则执行以下命令：
fis3 install lodash
安装完成之后，lodash 这个 npm 包就会被下载到 node_modules 目录中，并被添加到 package.json 文件的 dependencies 字段中。
依赖加载
在 fis3 中，我们使用 {%script%} 标签引入 JS 文件。要引入使用了 npm 包的 JS 文件，我们需要在路径前加上 npm:// 前缀，例如：
{% script %}
// 引入使用了 lodash 包的 JS 文件
var _ = require('npm://lodash');
// 使用 lodash 函数
_.unique([1, 2, 2, 3, 3, 3]); // => [1, 2, 3]
{% endscript %}使用插件语法
如果我们使用插件语法，可以在模板中直接使用 require 语法进行依赖加载，例如：
<div>
<% var _ = require('npm://lodash'); %>
<%= _.join(['hello', 'world'], ' ') %>
</div>构建部署
在进行构建部署时，我们需要在 fis-conf.js 配置文件中配置该插件，例如：
fis.match('*.html', {
parser: fis.plugin('swig', {
// 配置 swig 模板中使用 npm 包
requires: {
lodash: 'npm://lodash'
}
})
})这样，在构建时使用 swig 模板引擎进行解析 html 时，就会自动加载 lodash 这个 npm 包。
结尾
到这里，我们已经学习了 npm 包 fis-command-install-npm 的使用教程，希望能对大家有所帮助。在实际使用中，我们可以将插件语法与构建部署相结合，轻松引入 npm 包，提高代码的可维护性与复用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005738181e8991b448e9749