嘗試將sass/scss文件編譯爲css文件（一對一）

我們試圖將我們的sass文件編譯爲css文件，但是我們希望將每個單獨的sass文件編譯爲單獨的css文件（一對一）。嘗試將sass/scss文件編譯爲css文件（一對一）

例如，我們的product_view.scss應該有一個product_view.css。

但是，我們嘗試過的所有配置都在我們的「out/css」文件夾中創建了一個名爲styles.css的所有css文件。

sass: { 
    dist: { 
     options: { 
      compass: true, 
      style: 'expanded' 
     }, 
     files: [{ 
      expand: true, 
      cwd: '<%= pkg.src %>/assets/sass', 
      src: ['*.scss'], 
      dest: '<%= pkg.src %>/assets/media/out/css', 
      ext: '.css' 
     }] 
    }, 

},

來源

2016-01-22 Oliver Watkins

如果使用'咕嚕-的contrib-compass'編譯器，你可以很容易地做到這一點，我的設置爲是：'「默認」：{選擇：{ sassDir：「css/sass /」，cssDir：「css /」，outputStyle：「compressed」}}'輸出每個文件（只要它不以'_'開頭）。指南針是SASS，但更神奇:) – somethinghere

謝謝。我會嘗試。您是否想要將您的評論更改爲答案？ –

已完成。指南針是偉大的，有一個看看它 - 它像擴展的魔法SASS。 – somethinghere

我用grunt-contrib-compass（指南針）來編譯我的SASS，它有一些很好的附加功能。例如，羅盤包括重置工具，可以通過使用

@import 'compass/reset';

但無論使用，指南針也可以單獨輸出每個文件（只要它不與_它們是可以被包括在內，但贏得的文件開始」自己編譯）。下面是我在gruntfile使用設置：

compass: { 
    'default': { 
     options: { 
      sassDir: "css/sass/", 
      cssDir: "css/", 
      outputStyle: "compressed" 
     } 
    } 
}

來源

2016-01-22 11:42:03 somethinghere

其中是src和目標值設置？ –

ahhhh sassDir = src和cssDir =目標 –

Jup，那就是關鍵！ :) – somethinghere

嘗試將sass/scss文件編譯爲css文件（一對一）

回答

相關問題