Question

我对grunt创建输出CSS文件有一点问题。

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

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

输入文件夹路径：/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的代码段

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'
            }
        }
    },

我无法在网上找到任何相关信息。任何帮助将不胜感激。

Answer 1

这是cwd选项的用途。

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

]

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

Answer 2

我发现了问题所在。

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

为了防止这种情况发生，我去了Visual Studio Options，从左侧选择＆＃34; Sassy Studio＆＃34;然后在右侧转动＆＃34;生成.css保存＆＃34;和＆＃34;在保存时生成缩小的.css＆＃34;选项＆＃34;错误＆＃34;。

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

2 个答案: