0

我想知道是否有一个 grunt 插件可以比较两个文件并从其中一个文件中删除重复项。

示例：如果 blog.css 和 main.css 都包含.button { color: red; }我想从 blog.css 中删除该规则的规则。（main.css 应该始终保持不变）

背景：

我有两个 LESS 包，main.less 和 blog.less，我将它们编译成 main.css 和 blog.css

这个想法是我的网站应该在每个页面上加载 main.css。在博客页面上，我将同时加载 main.css 和 blog.css。

问题是这些 LESS 文件共享一些“实用程序”文件（带有变量、mixins 和一些常见的类，例如.button）

所以我最终得到了 blog.css，其中包含一些已经在 main.css 中定义的规则的重复项，我想摆脱这些重复项以减小文件大小。

4

1 回答 1

0

找到它 https://www.npmjs.com/package/grunt-csscss

csscss: { dist: { src: ['css/x.css', 'css/y.css'] } }

尽管就我而言，解决方案实际上要简单得多。事实证明，LESS 现在拥有import ("reference")它将导入一个文件以仅用作依赖项，而不输出任何它的 css。所以现在我可以import ("reference") commonstuff.less在 blog.less 中使用，因此 commonstuff.less 中的任何样式都不会输出到 blog.css！:)

于 2017-09-13T18:52:41.227 回答