咕噜联合收割机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文件。

您可以深入了解文档以获得更多惊心动魄的乐趣。