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

vic*_*jia 1 javascript google-chrome-devtools gruntjs 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']);
};
Run Code Online (Sandbox Code Playgroud)

Jul*_*ubé 5

grunt-contrib-cssmin与源地图不兼容.我的计划是2.1.

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

  • 感谢您的链接,如果他们添加它将非常有用. (2认同)