sass - 如何使用 grunt 将所有 .scss 文件编译为单个 .css 文件？不使用 concat 或 import

Question

我想将我的 sass 文件夹中的所有 .scss 文件编译为单个 .css 文件 E:\SassToCss \sass \style1.scss \style2.scss \Want 要将编译后的 style.css 放在项目根目录中。

我尝试了以下

sass: {
        dist: {
            files: {
                'style.css' : 'sass/*.scss'
            }
        }
    }

这仅为第一个文件生成 css 并忽略其余文件。

sass: {
dist: {
  files: [{
    expand: true,
    //cwd: 'styles',
    src: ['*.scss'],
    //dest: '../public',
    ext: '.css'
  }]
 }
}

这不会生成我的 .css 文件。这样做的正确方法是什么

Answer 1

创建一个 scss 文件，例如“style.scss”并使用 @import 标签来包含其他 sass 文件。

你的 sass 编译器应该只使用 style.scss 来在 css 中编译它

sass: {
        dist: {
            files: {
                'style.css' : 'sass/style.scss'
            }
        }
    }

有关示例和更好的解释，请参见此处：http: //sass-lang.com/guide