javascript - 理解 r.js 选项 w/grunt & backbone 和相对路径

Question

我正在尝试弄清楚如何使用 r.js。我不断收到这样的错误:模块路径不存在，或者文件被转储到不应该的地方。

我有一个与 wordpress 集成的单页应用程序。我领养了this backbone boilerplate对于我的总体结构，尽管我的设置完全不同。我的文件结构如下所示。

.Theme Folder
├── _assets
|   ├── _application
|   |   ├── css
|   |   ├── fonts
|   |   ├── img
|   |   ├── _js
|   |   |   ├── main.js  //this is my require.js config file
|   |   |   ├── _app  //here's where the boilerplate structure comes into play
|   |   |       ├── collections
|   |   |       ├── models
|   |   |       ├── routers
|   |   |       ├── templates
|   |   |       ├── views
|   |   |   ├── libs
|   |   |   ├── utilities
|   |   ├── scss
|   |   ├── video
|   └── build  //Concatenated application directory mirror
|   └── gruntfile.js
|   └── bower.json
|   └── package.json

为了省去破译我巨大的 grunt 文件的心痛。基本上我最初设置它是为了让所有东西都被连接、丑化并编译到构建文件夹中。我为 r.js 创建了一个简单的任务来测试它。我收到一条错误消息，指出找不到我的 lodash 库(我的 main.js 文件中的第一个路径)。它认为 lodash 在 assets/lodash.js 中，它忽略了我在 main.js(require.js 配置)中的 baseUrl 属性，它的实际位置是 assets/application/js/libs/lodash.js。我的 requirejs 任务如下:

        requirejs: {
          compile: {
            options: {
              baseUrl: "./",
              mainConfigFile: "application/js/main.js",
              name: "./application/js/main",
              out: "./build/js/optimized.js"
            }
          }
        }

我很难搞清楚 rjs 究竟在做什么。当我希望它工作时，它不会在正确的目录中寻找文件。当我配置它以找到正确的文件时，它会复制我的整个 Assets 文件夹并将其转储到我的构建文件夹中......这引起了很多关于所有 r.js 正在做什么以及它希望我输入什么的混淆选项。

这是我目前遇到的错误:

>> Error: ENOENT, no such file or directory
>> 'path-to-theme-folder-here/assets/libs/lodash.js'
>> In module tree:
>>     application/js/main.min

Answer 1

在我看来，根据您给出的描述，这应该可行:

requirejs: {
  compile: {
    options: {
      baseUrl: "application/js/",
      mainConfigFile: "application/js/main.js",
      name: "main",
      out: "build/js/optimized.js"
    }
  }
}