咕嚕聯合收割機SCSS和CSS文件

Question

在我的應用程序SCSS文件被編譯到CSS文件，幷包含在一個文件main.css的所有文件。還有一些其他的CSS文件也包含在main.css文件中，我如何使用Grunt從所有這些CSS和SCSS文件創建一個CSS文件？

注意：我所有的CSS文件都在客戶端文件夾和SCSS文件編譯後進入公用文件夾。

MSK

Answer 1

你所尋找的是（文件） - concatination。

沒有爲咕嚕優異的插件：grunt-contrib-concat

實施例構型（靜態）：

concat: { 
    dist: { 
     //Add your files to src 
     src: [ 
      'client-folder/file1.css', 
      'public/compiled.css' 
      ], 
     dest: 'output/style.css', 
    }, 
}, 

實施例的配置（動態）：

concat: { 
    dist: { 
     src: [ 
      //Will use all .css files in client-folder/ 
      'client-folder/**.css', 
      'public/compiled.css' 
      ], 
     dest: 'output/style.css', 
    }, 
}, 

grunt concat:dist然後將將您的src文件的內容連接到dest文件。

您可以深入瞭解文檔以獲得更多驚心動魄的樂趣。