2

我有一堆来自插件的各种 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 剥离引导程序之后）。我将不胜感激任何指导，这是正确的方向吗？这似乎无法正常工作，因此将不胜感激。

谢谢阅读！

4

2 回答 2

4

我不确定......但这对我有用，只需在我的 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']
    }
  }
}
于 2015-06-08T10:05:47.650 回答
3

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

cssmin: {
  options: {
    shorthandCompacting: false,
    roundingPrecision: -1
  },
  combine: {
    files: {
      'css/output.min.css': ['css/*.css', '!css/*.min.css']
    }
  }
}
于 2016-03-17T14:08:21.113 回答