Grunt, css min 连接和缩小所有 css答案

【问题标题】：Grunt, css min to concat and minify all cssGrunt, css min 连接和缩小所有 css
【发布时间】：2016-03-17 22:13:52
【问题描述】：

我有一堆来自插件的各种 CSS 和我正在使用的单独样式表，我正在尝试构建一个任务来组合和缩小所有这些。现在我正在尝试使用 cssmin 执行此操作，我不确定我是否走在正确的道路上，因为这是我第一次尝试，但这是我正在尝试的。

cssmin: {
      target: {
        files: {
            'css/output.css': ['css/*.css', 'css/*.min.css']
        },
        files: [{
          expand: true,
          cwd: 'css',
          src: ['css/output.css'],
          dest: 'build/css',
          ext: '.min.css'
        }]
      }
    }

这个想法是它将我的 css 文件夹中的所有 css 和 min.css 文件合并为 1 个 output.css，然后将该 build/css 缩小为 min.css 文件。我不太确定这是否是假设的工作方式，但这是我第一次尝试这样做。基本思想是将所有内容合并并缩小到我的任务底部的 1 个文件中（在我具有自动前缀并使用 uncss 剥离引导程序之后）。我将不胜感激任何指导，这是正确的方向吗？这似乎无法正常工作，因此不胜感激。

感谢阅读！

【问题讨论】：

可能会破坏的是您的 css 文件是 concat 的排序。当您使用* 加载它们时，它们会按操作系统或cssmin 排序，然后是 concat，这可能不是您在文档中加载它们的顺序。
您遇到了什么问题？您需要更具体地为我们提供帮助。

标签： css gruntjs grunt-contrib-cssmin

【解决方案1】：

我不确定...但这对我有用，只需在我的 grunt.registerTask 代码行中包含 cssmin 任务。它缩小了我所有的自动前缀 .css，除了已经缩小的版本，并将它们组合成一个大的缩小样式表。希望对你有帮助^^

cssmin: {
  minify: {
    files: [{
      expand: true,
      cwd: 'src/styles',
      src: ['**/*.css', '!**/*.min.css'],
      dest: 'public/assets/styles',
      ext: '.min.css'
    }]
  },
  options: {
    shorthandCompacting: false,
    roundingPrecision: -1
  },
  combine: {
    files: {
      'public/assets/styles/style.css': ['!public/assets/styles/**/*.min.css', 'public/assets/styles/**/*.css']
    }
  }
}

【讨论】：

您好，合并后的最小文件如何删除？
嗨。在这种情况下，我建议使用 grunt-clean 包。

【解决方案2】：

minify 任务不是必需的。当您连接多个文件时，cssmin 会自动缩小内容。

cssmin: {
  options: {
    shorthandCompacting: false,
    roundingPrecision: -1
  },
  combine: {
    files: {
      'css/output.min.css': ['css/*.css', '!css/*.min.css']
    }
  }
}

【讨论】：