requirejs优化器是否连接CSS文件

Question

我一直在玩requirejs优化器。它适用于连接和连接;缩小js文件。它是否能够连接css文件？

编辑：我跟着这个post，我没有看到CSS文件被连接。

项目结构

Grunt config

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文件。

Answer 1

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

在导致style.css thirdparty.css @import url('thirdparty.css'); body { font-size: 18px; } 中，以便

thirdparty.css

现在运行grunt命令后，我发现style.css中的{{1}}样式已内联。