2

我正在编写 jQuery 插件并使用 requirejs 以使我的插件模块化并且更易于编码。该插件也有自己的 css 文件。现在，我想合并和缩小所有的 js 文件和 css 文件。我正在使用 r.js 来做到这一点。这是 build.js 配置文件，它知道如何将 js 文件连接和缩小到一个文件中：

({
    baseUrl: 'js/plugin',
    optimize: 'none', // none, uglify or uglify2
    wrap: true,
    name: '../vendor/almond',
    include: 'main',
    out: '../dist/jquery.my-plugin.min.js'
})

如何添加一个选项来缩小 css 文件？我看到了 cssIn 选项，但是我在哪里告诉 r.js 输出名称是什么？我需要使用模块吗？如果是这样，怎么做？

4

1 回答 1

2

r.js.css在项目目录中找到的所有文件中自动内联 @import url(...) 链接的内容（从而将多个文件连接到一个主样式表中）。

但是，在您当前的构建配置中，仅baseUrl指定，r.js甚至不知道 CSS 文件夹（大概是../../style/相对于js/plugin/. 您必须将appDir和dir属性添加到您的 buildconfig 文件（在示例配置文件中详细说明）并将项目根目录（即。appDir）设置为包含 JS 和 CSS 文件夹的目录。

请注意，如文档中所述，添加appDir将需要更改baseUrl相对于appDir.

于 2013-04-04T22:13:04.420 回答