1

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']);
};
4

1 に答える 1

5

grunt-contrib-cssmin はまだソースマップと互換性がありません。2.1を予定しています。

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

于 2014-01-21T20:01:20.560 に答える