RequireJS中带.js后缀依赖的第三方库语法是否正确？如何配置路径

RequireJS的依赖解析规则明确规定：只要依赖声明的字符串满足以下任意一个条件，就会跳过常规的模块ID解析逻辑（也就是不会自动补.js后缀、不会匹配paths配置里的普通模块映射），直接按字符串对应的真实路径加载资源：

• 字符串以.js结尾
• 字符串以/开头（站点根路径）
• 字符串包含完整URL协议（如https://、//协议相对路径）
• 字符串以.html结尾

你看到的官方文档示例都不带.js后缀，是因为那些示例用的是常规模块ID写法，走标准模块解析流程，不代表带.js后缀的写法不符合规范。这个库写的./abc_compressed.js属于带.js后缀的相对路径，RequireJS会默认把它解析为相对于当前库文件所在目录的脚本资源。

根据你存放文件的方式不同，分两种场景配置：

场景1：第三方库和依赖的abc_compressed.js放在同一目录 #

这种情况不需要额外配置任何特殊规则，只需要按常规方式配置这个第三方库本身的路径即可。
举个例子，假设你的文件目录结构如下：

js/
├── main.js
└── vendor/
    ├── the-third-party-lib.js  // 你用的第三方库
    └── abc_compressed.js       // 库依赖的文件

只需要写最基础的配置：

require.config({
  baseUrl: '/js',
  paths: {
    // 仅配置第三方库本身的模块ID映射即可
    'thirdLib': 'vendor/the-third-party-lib'
  }
});

之后正常引入thirdLib时，RequireJS会自动从同目录加载abc_compressed.js，不需要额外处理。

场景2：abc_compressed.js和第三方库不在同一目录 #

如果因为目录结构规划需要把依赖文件放到其他路径，不要用paths配置做映射——带.js后缀的依赖ID不会被paths规则匹配，必须用map配置针对该库的内部依赖做定向映射。
举个例子，假设你把abc_compressed.js放到了/js/deps/目录下：

js/
├── main.js
├── vendor/
│   └── the-third-party-lib.js
└── deps/
    └── abc_compressed.js

配置写法如下：

require.config({
  baseUrl: '/js',
  paths: {
    'thirdLib': 'vendor/the-third-party-lib'
  },
  map: {
    // 仅对thirdLib模块内部的依赖生效
    'thirdLib': {
      // 把库内写死的./abc_compressed.js映射到实际存放路径
      './abc_compressed.js': 'deps/abc_compressed'
    }
  }
});

常见踩坑提醒 #

不要尝试在paths里添加'./abc_compressed.js': 'xxx/xxx'这类配置，paths仅对不带后缀的常规模块ID生效，对带.js后缀的路径类依赖完全无效。

内容的提问来源于stack exchange，提问作者user3048027