在多個地方笨拙地創建輸出CSS的問題

Question

我在創建輸出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文件時，它都將用於對其進行編譯並在與.scss文件相同的目錄中輸出css。

為了阻止這種情況的發生，我轉到了Visual Studio選項，從左側選擇“ Sassy Studio”，然后在右側打開“在保存時生成.css”和“在保存時生成縮小的.css”選項“ False”。