Question

我正在编写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 wha是输出名称？我需要使用模块吗？如果是这样，怎么样？

Answer 1

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

但是，在当前的构建配置中，只指定了baseUrl，r.js甚至不知道CSS文件夹（可能是../../style/相对于{{}}的某个地方{1}}）。您必须将js/plugin/和appDir属性添加到buildconfig文件中（两者都在example config file中详细说明）并将项目根目录（即dir）设置为包含JS和CSS文件夹的目录。

请注意，正如文档中所述，添加appDir需要将appDir的值更改为相对于baseUrl。

使用requirejs优化器缩小到单个javascript和单个css

1 个答案: