javascript - 用于串联 CSS 文件的 Source Maps/Grunt 插件

Question

我正在使用 grunt 简单地连接和缩小我的 CSS 文件(不使用 SASS)。有没有我可以使用的源 map 之类的东西？我想查看生产站点并使用 Chrome 开发工具进行检查，但让它告诉我原始 CSS 文件。这是我的 grunt 文件:

'use strict';

module.exports = function (grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        clean: {
            removeModuleCss: {
                src:["App/**/module.css"]
            }
        },
        cssmin: {
            module: {
                files: {
                    'App/styles/module.css': ['App/**/*.css']
                }
            }
        },
        concat: {
            module: {
                src: 'App/styles/**/*.css',
                dest: 'App/styles/module.css'
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-cssmin');
    grunt.loadNpmTasks('grunt-contrib-clean');

    grunt.registerTask('css', ['clean', 'concat']);
    grunt.registerTask('cssmin', ['clean', 'cssmin']);
};

Answer 1

grunt-contrib-cssmin 还不兼容 sourcemaps。我没有为 2.1 计划。

https://github.com/GoalSmashers/clean-css/issues/125