该文章教程将为大家介绍一种使用 npm 包 urequire-rc-cson 的方法。此包可以通过简单的配置、编辑 cson 文件，让你轻松地创建和加载模块。适用于前端项目。
安装
在你的项目 file 文件夹里打开终端，输入以下命令安装 urequire-rc-cson（如果你还没有 npm，则先前置安装）。
--- ------- ----------------
配置文件
在你的项目文件夹里新建一个 .urequirerc.cson 文件。这个 .cson 文件用于配置你的 npm 模块。
------- -
--------
-------- ---- - ----
--------
----- --------- - ----------
------- -
------ -
------------- - -----------------
--
---------- --- - ---------- -
-以上配置了一个生成浏览器应用程序的模板。主要分为：选项、构建器两部分。选项是用来配置一些操作的信息。构建器则是主要实现构建的部分，这里我们使用了浏览器应用程序的构建器。其中的 config 可以用来配置要加入到打包文件中的文件路径和挂载的变量。
配置文件解释
在进行一些更加详细的解释之前，我们需要来了解一些基本的 urequire 术语。
- 模块 - urequire 中的模块指的是已经加载的模块。模块可以包括其他模块，它还可以包含一些指令、require、exports、module 等属性。
- 包 - urequire 中的包是目录结构的组织形式。每个包可以包含多个模块。你可以使用 cson 文件来描述你的每个包。
- 捆绑包 - 也称为“bundling”，是将不同的模块与在打包时一起进行打包的过程。
这个配置文件中的选项主要是在构建过程中需要的一些配置，最后的构建结果以 $ 对象方式进行了挂载。
下面我们来看一下，配置文件构建器中的一些配置。 type 字段，指定了要构建的应用程序的类型，我们选择的是浏览器。config 字段则包含了更多的配置。
在 config.paths 字段中，通配符 * 可以用来匹配文件夹中所有的文件。文件夹 src/js 中的所有 JavaScript 文件都将包含在打包中。
当我们在 npm 脚本中运行 require.js 时，所有的这些文件都会被打包成一个捆绑包。该捆绑包将被挂载到全局变量 $ 中，所有的模块均可在应用程序中使用。
示例代码
下面是一个简单的示例代码，演示了这个配置文件中具体的基本语法。在你的项目文件夹中，新建一个 app.js 文件用于显示模块的使用和加载模块的示例。代码中的字符串变量即为在 cson 文件中指定的标识符。
--- ------ - ------------------ --- ---------- - ---------------------- ----------------- ------ ----- -------- ----------------- ---------- ----- ------------
经过注释的代码中，我们引入了 jQuery 和 underscore 两个模块，同时我们用 console.log 语句将这两个模块输出到控制台。
总结
在此处，我们讲到了 urequire-rc-cson 包的使用方法和其中的配置文件。相信通过这篇文章，大家可以了解到 urequire-rc-cson 包的基本语法和使用方法，并在 node 和前端开发上进行实践的应用。
欢迎大家关注更多技术文章！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005553d81e8991b448d271e