概述
在前端开发中，我们经常需要使用第三方库和框架，而这些代码库通常都通过 npm 包来进行管理和分发。在项目中引入这些包需要经过一系列冗长的操作，例如手动下载、引入和配置等，这对于开发者来说非常繁琐而且容易出错。而 modulr-cli 正是一款帮助我们快速引入项目依赖的 npm 包并自动化配置的工具。
安装
在使用 modulr-cli 之前需要先全局安装该工具，可以通过以下方式进行安装：
npm install -g modulr-cli
使用
创建项目
首先，我们需要在本地创建一个新的前端项目：
mkdir my-project cd my-project
添加依赖
接下来，我们需要添加所需要的第三方库和框架。例如，我们想要添加 jQuery 依赖，可以使用以下命令：
modulr add jquery
modulr-cli 会自动下载并为我们配置 jQuery 依赖。我们可以通过以下命令查看已经安装的所有依赖项：
modulr list
构建项目
完成依赖项的添加之后，我们需要通过 modulr-cli 来构建我们的项目。可以通过以下命令实现：
modulr build
这个命令将会将代码打包成一个 JavaScript 文件，我们可以在 HTML 文件中引用这个文件实现项目的构建。
使用自定义配置
除了默认配置之外，我们还可以使用自定义配置文件进行构建。配置文件需要放置在项目的根目录，并且需要命名为 “modulr.config.js”。该文件需要导出一个 JavaScript 对象，用于配置 build 选项。例如：
-- -------------------- ---- -------
-------------- - -
------ -
----- ---------
---- --------
------ -
------- ----------------------------------------
-
-
--上面的配置文件中将 jQuery 设定为一个别名，并且将打包文件输出到了 “dist” 目录下。
结论
通过 modulr-cli 我们可以快速引入 npm 包，自动化配置依赖项并构建项目，从而提高我们的开发效率和代码质量。希望本篇使用教程能够给前端开发者带来帮助！
示例代码
-- -------------------- ---- -------
----------
------
------
----- ----------------
----------------------
-------
------
---------- ------------
------- ----------------------------------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590b81e8991b448d6779