咕噜咕噜，css min连接和缩小所有css

Question

我有一堆来自插件和我正在使用的单独样式表的各种 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 个输出.css然后将该构建/css 缩小为最小.css文件。我不太确定这是否是应该的工作方式，但这是我第一次尝试这样做。基本思想是将所有内容合并并缩小到我任务底部的 1 个文件中（在我自动添加前缀并使用 uncss 剥离引导程序之后）。我将不胜感激任何指导，这是正确的方向吗？这似乎无法正常工作，因此将不胜感激任何帮助。

感谢您的阅读！

Answer 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']
    }
  }
}

Answer 2

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

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