php - 在 PHP ( wordpress ) 中结合 CSS 文件和 minfie

Question

你好，我从事过很多元素，我有这个问题......

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

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

style.css(包含所有共享的和基本的 CSS)

main.css(主页)

类别.css

page.css

vote.css(用于主页面+单页的投票 block )

blockStyle1.css(它在主要+类别中使用的一个 block 的样式)

....

我最终调用了类别页面

样式.css

category.css

blockstyle1.css

....

..

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

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

Answer 1

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

如何实现 Grunt？很简单:

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

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

您元素的 Gruntfile.js 应该是 seguent:

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