如何使用grunt任务从两个不同的SCSS集编译CSS?

时间:2019-07-12 10:35:18

标签: gruntjs

我有一组SCSS文件。

  1. style.scss
  2. common.scss
  3. theme1.scss
  4. theme2.scss

我正在尝试使用grunt任务编译一组SCSS。我想要实现的是使用grunt编译集1,2,3或集1,2,4,并在从CLI运行任务时由一些标志/标识符驱动。

我尝试设置grunt任务以使用环境变量编译该设置。当我将变量设置为grunt build --env=theme1时,我尝试编译第一组,而grunt build --env=theme2编译第二组。

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON("package.json"),
        sass: {
            dist: {
                files: [{
                    expand: true,
                    cwd: "scss/",
                    src: ["*.scss", "!**/_*.scss"],
                    dest: "css/",
                    ext: ".css"
                }]
            }
        }
    });
    grunt.loadNpmTasks("grunt-contrib-sass");
    grunt.registerTask("default", ["sass"]);
};

0 个答案:

没有答案