用于连锁CSS文件的Source Maps / Grunt插件

时间:2014-01-10 22:24:53

标签: javascript gruntjs google-chrome-devtools source-maps

我正在使用grunt简单地连接和缩小我的CSS文件(不使用SASS)。有没有像我可以使用的源地图?我想查看生产网站并使用Chrome Dev工具进行检查,但请告诉我原始的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']);
};

1 个答案:

答案 0 :(得分:5)

grunt-contrib-cssmin与源地图不兼容。我计划2.1。

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