Grunt 合并 SCSS 和 CSS 文件

Question

在我的应用程序中，SCSS 个文件被编译为 CSS 个文件，所有文件都包含在一个 main.css 文件中。还有一些其他 CSS 文件也包含在 main.css 文件中，我如何使用 Grunt 从所有这些 CSS 和 SCSS 创建一个 CSS 文件文件？

注意：我的所有 CSS 文件都在客户端文件夹中，编译后的 SCSS 文件进入 public 文件夹。

MSK

Answer 1

您要找的是（文件）-concatination.

有一个优秀的 grunt 插件：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 文件中。

您可以更深入地研究文档以获得更多的乐趣。

Grunt 合并 SCSS 和 CSS 文件

Grunt combine SCSS and CSS files

css

sass

gruntjs