使用grunt使css地图点成为部分sass

Question

我正在使用grunt-contrib-css来处理我的sass文件，这是以下工作流程：

• partial.sass 包含所有样式。
• home.sass import partial.sass 。
• home.css 从 home.sass 创建。
• home.min.css 是 home.css 的缩小版，以及.html文件中包含的版本。

但是，home.min.css的地图指向home.css，但我需要的是与部分文件相关的地图。这有可能吗？

PD：我正在使用grunt-contrib-sass来处理sass文件，使用grunt-contrib-cssmin来缩小css。

Answer 1

你不需要使用grunt-contrib-cssmin来缩小你的css，grunt sass任务会这样做。

使用style: "compressed",获取缩小文件，style: "expanded",使用行号进行调整

请为您解决此问题。

gruntfile.js

     //src ===============================
        var src;
        config.src = src = {
            sassMain: 'scss/home.sass',
            distFolder: 'public/stylesheets/app.dist.css',
            devFolder: 'public/stylesheets/app.dev.css',
            sassFolder: 'scss/**/*.sass'
        };

        //Sass ===============================
            var sass;
            config.sass = sass = {};

            //distribution
            sass.dist = {
                options: {
                    style: "compressed",
                    noCache: true,
                    sourcemap: 'none',
                    update: true
                },
                files: {
                    "<%= src.distFolder %>": "<%= src.sassMain %>"
                }
            };

            //development env.
            sass.dev = {
                options: {
                    style: "expanded",
                    lineNumber: true,
                },
                files: {
                    "<%= src.devFolder %>": "<%= src.sassMain %>"
                }
            };

grunt.registerTask('dev', ['concat:dev', 'sass:dev']);
    grunt.registerTask('dist', ['concat:dev', 'sass:dist']);

我希望这可以帮到你。