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

【问题标题】：How to compile all .scss files to single .css file using grunt? Without using concat or import如何使用 grunt 将所有 .scss 文件编译为单个 .css 文件？不使用 concat 或 import
【发布时间】：2016-09-24 14:03:30
【问题描述】：

我想将我的 sass 文件夹中的所有 .scss 文件编译成一个 .css 文件 E:\SassToCss \萨斯 \style1.scss \style2.scss \想在项目根目录下有编译好的style.css。

我尝试了以下方法

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

这只会为第一个文件生成 css，而忽略其余文件。

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

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

【问题讨论】：

您的目录结构与 .scss 文件的放置位置如何？

标签： sass gruntjs grunt-contrib-sass

【解决方案1】：

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

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

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

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

【讨论】：