在 PHP ( wordpress ) 中结合 CSS 文件和 minfie答案

【问题标题】：combine the CSS files and minfie in PHP ( wordpress )在 PHP ( wordpress ) 中结合 CSS 文件和 minfie
【发布时间】：2016-01-02 18:08:16
【问题描述】：

您好，我从事过很多项目，我有这个问题......

我们都知道在 Wordpress 中将所有 CSS 文件合并到一个中会更好
但另一方面有在主页中从未使用过的帖子页面使用 CSS 类别页面使用从未在主页面或帖子页面中使用过的 CSS。

通常我将 CSS 放入文件中 为了便于理解，我举个例子。

style.css（包含所有共享和基本 CSS）

main.css（主页）

category.css

page.css

vote.css（用于主页面+单页的投票块）

blockStyle1.css（主要+类别中使用的一个块的样式）

....

我最终要调用类别页面

style.css

category.css

blockstyle1.css

....

。 .

我试图完成的是在类别中，例如运行时这 3 个文件将合并到一个文件中

所以我会保留我的分割文件的想法+最小化对服务器的请求。

【问题讨论】：

我需要在 CLEAN PHP 中执行此操作我不想使用我不知道该怎么做且缺乏项目性能的插件
文件有多大？缩小版。
你的意思是所有的？？在一个主题 WP primium 中，它们大约为 400KB，，，在其他新闻网站中，它们大约为 250KB，在其他网站体育网站中，许多页面大约为 340KB
你的意思是把它们都结合起来，为什么？在网页中，如果我们节省 20KB 非常好，那么 100 或 200 KB 怎么样？这导致项目在发展时变得越来越糟糕。你明白我的意思吗？
保存数据肯定很重要。使用所有 css 的缩小版本并在每个页面上只包含必要的版本就可以了。为了进一步提高性能，您可以在服务器上启用缓存，以便将后续请求保存到服务器。

标签： php css wordpress

【解决方案1】：

咕噜声是你的答案。 Grunt 是一个多功能的任务管理器，可以满足各种需求。在您的情况下，它在那里等待对样式表的更改，并且在保存文件时，它将它们合并到一个文件中，将其最小化。

如何实现 Grunt？很简单：

首先，在您的机器上安装 Grunt 并创建一个项目，如本页所述：http://gruntjs.com/getting-started

现在让我们使用适当的贡献创建您的 Gruntfile.js (http://gruntjs.com/sample-gruntfile)

你项目的 Gruntfile.js 应该是后缀：


module.exports = function (grunt) {

    grunt.initConfig({

        pkg: grunt.file.readJSON('package.json'),

        concat: {
            dist: {
                src: ['css/*.css'],
                dest: 'style.css'
            }
        },

        watch: {
            css: {
                files: ['css/*.css'],
                tasks: ['concat']
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default', ['watch']);
};

通过命令行在您的项目目录中启动grunt 并更改您的样式。

附：你对使用 Sass 有什么看法？了解http://sass-lang.com/、http://compass-style.org/和https://github.com/gruntjs/grunt-contrib-compass

【讨论】：

我知道 Grunt 并且我已经使用它....但是您的 grunt 会将所有 CSS 合并为 1 这不是我要找的我想联系与类别页面相关的所有 CSS成 1 然后从类别页面调用它们（类别页面不调用我项目中的所有 CSS 它调用其中一些）我还想到了将每组 css 放在一个文件夹中的想法，例如分类文件夹并联系他们但它将无法工作，因为像投票块这样的文件将被许多页面调用......
我们可以发出类似 grunt 的命令来监视类别 watch [ 1 2 3 ] 的文件组并将它们连接到 categoy.css 中，因此类别将仅调用此文件，依此类推后 watch [ 1 4 5 ] 和主页观看 [ 1 2 6 ] ...所以我们将把连接的逻辑从 php 移动到 grunt 并且会减少服务器的进程 ...但我认为 PHP 选项更易于开发跨度>
关于 less 和 sass 如何解决这个问题，你能解释一下吗...？？ less & saas 生成长选择器，这是不好的做法。

【解决方案2】：

您可以简单地使用 Better WordPress Minify Wordpress Plugin..

https://wordpress.org/plugins/bwp-minify/installation/

【讨论】：

它可能，但我需要更干净的解决方案来做这个组合也许我们可以得到 CSS 缩小代码并为这个提前缩小编辑它