requirejs优化器是否连接CSS文件答案

【问题标题】：Does requirejs optimizer concatenate CSS filesrequirejs优化器是否连接CSS文件
【发布时间】：2014-08-20 11:29:16
【问题描述】：

我一直在使用 requirejs 优化器。它适用于连接和缩小 js 文件。它也可以连接css文件吗？

编辑：我关注了这个post，但没有看到 CSS 文件被连接起来。

项目结构

Grunt 配置

module.exports = function(grunt) {

grunt.initConfig({

    bowercopy: {
        lib: {
            options: {
                destPrefix: 'src/js/lib'
            },
            files: {
                'jquery.js': 'jquery/dist/jquery.js',
                'backbone.js': 'backbone/backbone.js',
                'underscore.js': 'underscore/underscore.js',
                'require.js': 'requirejs/require.js',
                'almond.js': 'almond/almond.js'
            }
        }
    },

    requirejs:  {
        compile: {
            options: {
                mainConfigFile : "src/js/main.js",
                appDir: "src",
                baseUrl: "js/lib",
                dir: "dist",
                optimize: "uglify2",
                optimizeCss: "standard",
                name: 'almond',
                include: ['../main'],
                insertRequire: ['../main']
            }
        }
    }
});

grunt.loadNpmTasks('grunt-bowercopy');

grunt.loadNpmTasks('grunt-contrib-requirejs');
};

运行 grunt requirejs 后，我看到 js 和 css 文件被移动到 dist 文件夹，但我没有看到串联的 CSS 文件。

【问题讨论】：

我发现一篇博文说它内嵌了@import 引用的所有 CSS 文件。我在文档中找不到任何参考，但可能值得一试？
谢谢奥利。我不明白为什么有人要结束这个问题。
因为您可以检查文档？ Documentation
那么SO中问到的一半问题都得关闭
@Paulie_D 我为 SO 做了很多贡献。基于此，我有一个请求。在通过阅读描述单击关闭按钮之前，人们必须付出很少的努力来改进问题。你认为我在回答这个问题之前没有阅读文档吗？我无法从他们的文档或在线博客中得到答案。可悲的是，所有这些节制让人们不愿提问。

标签： css optimization requirejs

【解决方案1】：

我发现了问题所在。 CSS 文件的 import 语句中的路径应该是相对的。在我的情况下，style.css 和 thirdparty.css 文件都位于同一个文件夹中。

在style.css 我正在导入thirdparty.css 所以它会是，

@import url('thirdparty.css');

body {
    font-size: 18px;
}

现在运行 grunt 命令后，我看到 thirdparty.css 的样式已内联在 style.css 中。

【讨论】：