grunt 在多个地方创建输出 CSS 的问题答案

【问题标题】：Issue with grunt creating output CSS at multiple placesgrunt 在多个地方创建输出 CSS 的问题
【发布时间】：2014-07-23 03:58:17
【问题描述】：

我在 grunt 创建输出 CSS 文件时遇到了一点问题。

我的Gruntfile.js 被配置为从某些文件夹获取输入，并在我的输出文件夹中创建编译的CSS 文件，它工作正常。但是，此过程还会在我的 .scss 文件所在的同一位置创建 .css 和 .min.css 文件。

这就是现在正在发生的事情 -

输入文件夹路径：/app/css/test.scss
输出文件夹路径：/public/css/test.css 和/public/css/test.min.css。输出文件也在/app/css/test.css 和/app/css/test.min.css 创建，这是我不想要的。

有什么办法可以防止这种情况发生吗？

下面是来自Gruntfile.js的Sass的sn-p代码

sass: {
        dev: {
            options: {
                lineNumbers: true,
                style: 'expanded'
            },
            files: {
                '../public/css/test.css': 'app/css/test.scss'
            }
        },
        dist: {
            options: {
                style: 'compressed',
                quiet: true
            },
            files: {
                '../public/css/test.min.css': 'app/css/test.scss'
            }
        }
    },

我在网上找不到任何关于此的信息。任何帮助将不胜感激。

【问题讨论】：

标签： css sass gruntjs

【解决方案1】：

这就是 cwd 选项的用途。

files: [
    {
        expand: true,
        cwd: 'app/css/',
        src: 'test.scss',
        dest: '../public/css/'
    }

]

http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically

【讨论】：

【解决方案2】：

我发现了问题所在。

我安装了一个名为 Sassy Studio 的 Visual Studio 插件，所以每当我在 Visual Studio 中修改任何 scss 文件时，它都会编译它并将 css 输出到与 .scss 文件相同的目录中。

为了防止这种情况发生，我转到 Visual Studio 选项，从左侧选择“Sassy Studio”，然后在右侧打开“保存时生成 .css”和“保存时生成缩小的 .css”选项“错误的”。

【讨论】：