javascript - 用于连接 CSS 文件的 Source Maps/Grunt 插件

Question

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

'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 与 sourcemap 不兼容。我的计划是2.1。

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