如何使用grunt将所有.scss文件编译为单个.css文件?不使用连接或导入

Question

我想将 sass 文件夹中的所有 .scss 文件编译为单个.css文件E：\SassToCss \sass \style1.scss \style2.scss \想要在项目根目录中具有编译样式.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