requirejs.config配置paths的时候，配置目录和配置文件的区别

requirejs.config中paths配置模块与目录解析

最新推荐文章于 2025-09-30 11:14:12 发布

原创

最新推荐文章于 2025-09-30 11:14:12 发布 · 1.5w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#requirejs paths的使用 #requirejs配置目录 #requirejs配置模块映射

本文探讨了requirejs.config中的paths配置，如何处理模块ID与文件路径的映射。当模块ID匹配paths配置，它被视为普通模块名。若未配置，requirejs会尝试将它解释为文件系统的路径，加载对应的js文件。对于"path/module"格式，requirejs首先检查配置，然后按路径查找，找不到则报错。

假设我们的项目结构如下：

index.html
main.js
libs
	--haha.js
	--cores
		--cores1.js
		--core2.js
	--utils
		--util1.js
		--util2.js
	--services
		--service1.js
		--service2.js

如果项目规模比较大，那么js文件将会非常多，通常我们会按照目录进行组织和分组。在上面的代码中如果我们想使用core1.js、 core2.js、 util1.js、 util2.js、service1.js、service2.js这6个模块。那么我可以在main.js中做如下配置：

requirejs.config({
    baseUrl: 'libs',
    paths: {
        "core1": 'cores/core1',
        "core2": 'cores/core2',
        "util1": 'utils/util1',
        "util2": 'utils/util2',
        "service1": 'serv