首页 / CSS / php实现压缩多个CSS与JS文件的方法

php实现压缩多个CSS与JS文件的方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了php实现压缩多个CSS与JS文件的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含12089字，纯文字阅读大概需要18分钟。

内容图文

本文实例讲述了php实现压缩多个CSS与JS文件的方法。分享给大家供大家参考。具体实现方法如下：

1. 压缩css

代码如下:<?php
header('Content-type: text/css');
ob_start("compress");
function compress($buffer) {
    /* remove comments */
    $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
    /* remove tabs, spaces, newlines, etc. */
    $buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', '    ', '    '), '', $buffer);
    return $buffer;
}

/* your css files */
include('galleria.css');
include('articles.css');

ob_end_flush();
使用方法如下:
代码如下:<link href="compress.php" rel="stylesheet" type="text/css" /><span id="tester">test</span>

2. 压缩js,利用jsmin类:

本实例源自:http://code.google.com/p/minify/
代码如下:header('Content-type: text/javascript');
require 'jsmin.php';
echo JSMin::minify(file_get_contents('common.js') . file_get_contents('common2.js'));

其中jsmin.php文件如下：

代码如下:
<?php
/**
* jsmin.php - PHP implementation of Douglas Crockford's JSMin.
*
* This is pretty much a direct port of jsmin.c to PHP with just a few
* PHP-specific performance tweaks. Also, whereas jsmin.c reads from stdin and
* outputs to stdout, this library accepts a string as input and returns another
* string as output.
*
* PHP 5 or higher is required.
*
* Permission is hereby granted to use this version of the library under the
* same terms as jsmin.c, which has the following license:
*
* --
* Copyright (c) 2002 Douglas Crockford (www.crockford.com)
*
* Permission is hereby granted, free of charge, to any person obtaining a copy of
* this software and associated documentation files (the "Software"), to deal in
* the Software without restriction, including without limitation the rights to
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
* of the Software, and to permit persons to whom the Software is furnished to do
* so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* The Software shall be used for Good, not Evil.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
* --
*
* @package JSMin
* @author Ryan Grove <ryan@wonko.com>
* @copyright 2002 Douglas Crockford <douglas@crockford.com> (jsmin.c)
* @copyright 2008 Ryan Grove <ryan@wonko.com> (PHP port)
* @copyright 2012 Adam Goforth <aag@adamgoforth.com> (Updates)
* @license http://opensource.org/licenses/mit-license.php MIT License
* @version 1.1.2 (2012-05-01)
* @link https://github.com/rgrove/jsmin-php
*/
class JSMin {
const ORD_LF            = 10;
const ORD_SPACE         = 32;
const ACTION_KEEP_A     = 1;
const ACTION_DELETE_A   = 2;
const ACTION_DELETE_A_B = 3;
protected $a           = '';
protected $b           = '';
protected $input       = '';
protected $inputIndex = 0;
protected $inputLength = 0;
protected $lookAhead   = null;
protected $output      = '';
// -- Public Static Methods --------------------------------------------------
/**
   * Minify Javascript
   *
   * @uses __construct()
   * @uses min()
   * @param string $js Javascript to be minified
   * @return string
   */
public static function minify($js) {
    $jsmin = new JSMin($js);
    return $jsmin->min();
}
// -- Public Instance Methods ------------------------------------------------
/**
   * Constructor
   *
   * @param string $input Javascript to be minified
   */
public function __construct($input) {
    $this->input       = str_replace("\r\n", "\n", $input);
    $this->inputLength = strlen($this->input);
}
// -- Protected Instance Methods ---------------------------------------------
/**
   * Action -- do something! What to do is determined by the $command argument.
   *
   * action treats a string as a single character. Wow!
   * action recognizes a regular expression if it is preceded by ( or , or =.
   *
   * @uses next()
   * @uses get()
   * @throws JSMinException If parser errors are found:
   *         - Unterminated string literal
   *         - Unterminated regular expression set in regex literal
   *         - Unterminated regular expression literal
   * @param int $command One of class constants:
   *      ACTION_KEEP_A      Output A. Copy B to A. Get the next B.
   *      ACTION_DELETE_A    Copy B to A. Get the next B. (Delete A).
   *      ACTION_DELETE_A_B Get the next B. (Delete B).
*/
protected function action($command) {
    switch($command) {
      case self::ACTION_KEEP_A:
        $this->output .= $this->a;
      case self::ACTION_DELETE_A:
        $this->a = $this->b;
        if ($this->a === "'" || $this->a === '"') {
          for (;;) {
            $this->output .= $this->a;
            $this->a       = $this->get();
            if ($this->a === $this->b) {
              break;
            }
            if (ord($this->a) <= self::ORD_LF) {
              throw new JSMinException('Unterminated string literal.');
            }
            if ($this->a === '\\') {
              $this->output .= $this->a;
              $this->a       = $this->get();
            }
          }
        }
      case self::ACTION_DELETE_A_B:
        $this->b = $this->next();
        if ($this->b === '/' && (
            $this->a === '(' || $this->a === ',' || $this->a === '=' ||
            $this->a === ':' || $this->a === '[' || $this->a === '!' ||
            $this->a === '&' || $this->a === '|' || $this->a === '?' ||
            $this->a === '{' || $this->a === '}' || $this->a === ';' ||
            $this->a === "\n" )) {
          $this->output .= $this->a . $this->b;
          for (;;) {
            $this->a = $this->get();
            if ($this->a === '[') {
              /*
                inside a regex [...] set, which MAY contain a '/' itself. Example: mootools Form.Validator near line 460:
                  return Form.Validator.getValidator('IsEmpty').test(element) || (/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]\.?){0,63}[a-z0-9!#$%&'*+/=?^_`{|}~-]@(?:(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)*[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\])$/i).test(element.get('value'));
              */
              for (;;) {
                $this->output .= $this->a;
                $this->a = $this->get();
                if ($this->a === ']') {
                    break;
                } elseif ($this->a === '\\') {
                  $this->output .= $this->a;
                  $this->a       = $this->get();
                } elseif (ord($this->a) <= self::ORD_LF) {
                  throw new JSMinException('Unterminated regular expression set in regex literal.');
                }
              }
            } elseif ($this->a === '/') {
              break;
            } elseif ($this->a === '\\') {
              $this->output .= $this->a;
              $this->a       = $this->get();
            } elseif (ord($this->a) <= self::ORD_LF) {
              throw new JSMinException('Unterminated regular expression literal.');
            }
            $this->output .= $this->a;
          }
          $this->b = $this->next();
        }
    }
}
/**
   * Get next char. Convert ctrl char to space.
   *
   * @return string|null
   */
protected function get() {
    $c = $this->lookAhead;
    $this->lookAhead = null;
    if ($c === null) {
      if ($this->inputIndex < $this->inputLength) {
        $c = substr($this->input, $this->inputIndex, 1);
        $this->inputIndex += 1;
      } else {
        $c = null;
      }
    }
    if ($c === "\r") {
      return "\n";
    }
    if ($c === null || $c === "\n" || ord($c) >= self::ORD_SPACE) {
      return $c;
    }
    return ' ';
}
/**
   * Is $c a letter, digit, underscore, dollar sign, or non-ASCII character.
   *
   * @return bool
   */
protected function isAlphaNum($c) {
    return ord($c) > 126 || $c === '\\' || preg_match('/^[\w\$]$/', $c) === 1;
}
/**
   * Perform minification, return result
   *
   * @uses action()
   * @uses isAlphaNum()
   * @uses get()
   * @uses peek()
   * @return string
   */
protected function min() {
    if (0 == strncmp($this->peek(), "\xef", 1)) {
        $this->get();
        $this->get();
        $this->get();
    }
    $this->a = "\n";
    $this->action(self::ACTION_DELETE_A_B);
    while ($this->a !== null) {
      switch ($this->a) {
        case ' ':
          if ($this->isAlphaNum($this->b)) {
            $this->action(self::ACTION_KEEP_A);
          } else {
            $this->action(self::ACTION_DELETE_A);
          }
          break;
        case "\n":
          switch ($this->b) {
            case '{':
            case '[':
            case '(':
            case '+':
            case '-':
            case '!':
            case '~':
              $this->action(self::ACTION_KEEP_A);
              break;
            case ' ':
              $this->action(self::ACTION_DELETE_A_B);
              break;
            default:
              if ($this->isAlphaNum($this->b)) {
                $this->action(self::ACTION_KEEP_A);
              }
              else {
                $this->action(self::ACTION_DELETE_A);
              }
          }
          break;
        default:
          switch ($this->b) {
            case ' ':
              if ($this->isAlphaNum($this->a)) {
                $this->action(self::ACTION_KEEP_A);
                break;
              }
              $this->action(self::ACTION_DELETE_A_B);
              break;
            case "\n":
              switch ($this->a) {
                case '}':
                case ']':
                case ')':
                case '+':
                case '-':
                case '"':
                case "'":
                  $this->action(self::ACTION_KEEP_A);
                  break;
                default:
                  if ($this->isAlphaNum($this->a)) {
                    $this->action(self::ACTION_KEEP_A);
                  }
                  else {
                    $this->action(self::ACTION_DELETE_A_B);
                  }
              }
              break;
            default:
              $this->action(self::ACTION_KEEP_A);
              break;
          }
      }
    }
    return $this->output;
}
/**
   * Get the next character, skipping over comments. peek() is used to see
   * if a '/' is followed by a '/' or '*'.
   *
   * @uses get()
   * @uses peek()
   * @throws JSMinException On unterminated comment.
   * @return string
   */
protected function next() {
    $c = $this->get();
    if ($c === '/') {
      switch($this->peek()) {
        case '/':
          for (;;) {
            $c = $this->get();
            if (ord($c) <= self::ORD_LF) {
              return $c;
            }
          }
        case '*':
          $this->get();
          for (;;) {
            switch($this->get()) {
              case '*':
                if ($this->peek() === '/') {
                  $this->get();
                  return ' ';
                }
                break;
              case null:
                throw new JSMinException('Unterminated comment.');
            }
          }
        default:
          return $c;
      }
    }
    return $c;
}
/**
   * Get next char. If is ctrl character, translate to a space or newline.
   *
   * @uses get()
   * @return string|null
   */
protected function peek() {
    $this->lookAhead = $this->get();
    return $this->lookAhead;
}
}
// -- Exceptions ---------------------------------------------------------------
class JSMinException extends Exception {}
?>

希望本文所述对大家的php程序设计有所帮助。

内容总结

以上是互联网集市为您收集整理的php实现压缩多个CSS与JS文件的方法全部内容，希望文章能够帮你解决php实现压缩多个CSS与JS文件的方法所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/270037.html

来源：【匿名】

【上一篇】php获取CSS文件中图片地址并下载到本地的方法【下一篇】php无法调用css怎么办

更多 ►

【php实现压缩多个CSS与JS文件的方法】教程文章相关的互联网学习教程文章

Google Pagespeed，自动压缩优化JS/CSS/Image【代码】

Google Pagespeed，自动压缩优化JS/CSS/Image浏览：257 发布日期：2015/07/05 分类：技术分享关键字： Nginx Appache Pagespeed 自动压缩优化JS/CSS/Image 这个周末，把服务器的Nginx升级了下，并加入了Google Pagespeed模块效果很明显：页面加载的多个JS、CSS会自动合并压缩处理发现新版本的Pagespeed能很好的发现处理用户加载的第三方JS库，如jQuery 发现新版本的lazyload_images处理的很好注意：CSS代码里含有背景图片这类的...

简短的几句js实现css压缩和反压缩功能【代码】【图】

写在前面最近一直在整理css，但因为现在Visual Studio 2013太智能了，它每每在我按ctrl+E+D进行格式化代码的时候，就会将css进行层次格式化（如下图所示），而这个格式让我老大实在无法忍受，我老大认为它实在是太浪费空间了。那我应该怎么办呢，每次将本地代码上传之前都打开另外一个vs10，然后复制粘贴，可是下次从服务器拉下来代码我一编辑，手痒一下就又变成上面这个鬼样，折磨的我呀刚刚看了豪情的一篇文章，http://www.cnblo...

Vue打包上线之后CSS没有压缩和不生效【代码】【图】

前言当用vue-cli 脚手架打包压缩时，发现打包出来的css 没有被压缩，所以查阅了些资料，下面用这个方法解决： 1.首先注释掉webpack.prod.conf.js中下面的代码new OptimizeCSSPlugin({cssProcessorOptions: config.build.productionSourceMap? { safe: true, map: { inline: false } }: { safe: true }}),2.然后在utils.js中添加， minimize:true const cssLoader = {loader: ‘css-loader‘,options: {sourceMap: options.sourc...

在ASP.NET MVC中，使用Bundle来打包压缩js和css【代码】【图】

在ASP.NET MVC4中（在WebForm中应该也有），有一个叫做Bundle的东西，它用来将js和css进行压缩（多个文件可以打包成一个文件），并且可以区分调试和非调试，在调试时不进行压缩，以原始方式显示出来，以方便查找问题。具体优势可自行百度或参看官方介绍：http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification这里仅简单记录下如何使用。首先，如果是使用的ASP.NET MVC4基本或者其他内容更丰富的模板，Bundle应该已经...

ionic中使用Cordova Uglify 压缩js与css【代码】

参照：https://www.npmjs.com/package/cordova-uglify安装：npm install cordova-uglify安装完成之后，打开：hooks/uglify-config.json{"alwaysRun": true,"recursiveFolderSearch": true,"foldersToProcess": ["js","css",],"uglifyJsOptions": {"compress": {"drop_console": true},"fromString": true},"cleanCssOptions": {"noAdvanced": true,"keepSpecialComments": 0} }修改：alwaysRun": true,运行：cordova build android...

ASP.Net一键自动化更新代码、编译、合并dll、压缩js、css、混淆dll、zip打包、发布到测试环境的bat批处理【代码】

不废话，直接代码：D: cd D:\src\testproj\PrecompiledWeb svn revert ../ -R svn update ..rmdir BS /S /Q C:\Windows\Microsoft.NET\Framework64\v4.0.30319\MSBuild.exe ..\testproj.sln /p:DeployOnBuild=true /p:PublishProfile=..\BS\App_Data\PublishProfiles\publish.pubxml /m "C:\Program Files (x86)\Microsoft SDKs\Windows\v10.0A\bin\NETFX 4.6 Tools\aspnet_merge.exe" .\BS -o Site -a -rdel BS\bin\*.pdbcd .. n...

gulp之压缩css【代码】

/*** css压缩* npm install --save-dev gulp-minify-css* npm install --save-dev gulp-rename* * * 可参考：* https://www.npmjs.com/package/gulp-minify-css* https://github.com/hparra/gulp-rename */var minifyCss = require(‘gulp-minify-css‘); var rename = require("gulp-rename");gulp.task(‘css‘, function() {return gulp.src(‘../css/*‘).pipe(minifyCss()).pipe(rename(function (path) {path.basename += "-...

Webpack 4 学习08（压缩优化css）【代码】

压缩css,去除注释安装插件npm install --save-dev optimize-css-assets-webpack-plugin配置webpack.config.js头部引入插件const OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin") ` 参数意义assetNameRegExp正则表达式，用于匹配需要优化或者压缩的资源名。默认值是/.css$/gcssProcessor用于压缩和优化CSS 的处理器，默认是 cssnano.cssProcessorPluginOptions传递给cssProcessor的插件选项，默认为{}can...

将Microsoft Ajax Minifier集成到VS2013对JS、CSS进行编译时压缩【代码】【图】

在网站发布中，一般要将js,css文件压缩减少体积，以减少在HTTP请求中的流量。将Microsoft Ajax Minifier集成到VS2013中就可以对JS、CSS进行编译时压缩。 VS2013的集成方法： Asp.net网站上的详细说明网址：http://www.asp.net/ajaxlibrary/AjaxMinQuickStart.ashx Microsoft Ajax Minifier下载地址：http://ajaxmin.codeplex.com/ 下载安装后，按照如下步骤集成到VS2013 1、在web项目上右键，点击卸载项目 2、在w...

【转载】Yui.Compressor高性能ASP.NET开发：自动压缩CSS、JS【代码】

在开发中编写的js、css发布的时候，往往需要进行压缩，以减少文件大小，减轻服务器的负担。这就得每次发版本的时候，对js、js进行压缩，然后再发布。有没有什么办法，让代码到了服务器上边，它自己进行压缩呢？有两种办法：第一种，在css、js请求到来的时候读取一下相对应的文件，进行压缩后返回。此方法可以通过在Global.asax的Application_BeginRequest的事件中，进行处理，也可以在web.config中注册一个httpHandler进行处理。第...

关于webStrom-11.1配置less且自动生成.css和自动压缩为.min.css/.min.js【图】

网上看过很多配置思路，自己总结了以下，就把我个人配置的顺序以及材料分享下，webstrom以下简称WB1、配置less需要安装nodejs,自行安装。因为要用到npm.我是直接把npm解压到C盘根目录的，先下载解压好待用　　npm解压包百度云下载地址:http://pan.baidu.com/s/1bpdnmGZ　　（yuicompressor-2.4.2.jar 这个是WB配置让CSS或者JS自动生成.mincss/.minjs的压缩工具，不是配置LESS的工具哦，　　　　使用很简单不用解压，比我直接放在C盘...

webstorm 配置压缩css js 代码【图】

配置成功配置文件已传到文件中原文：https://www.cnblogs.com/eric-share/p/13702955.html

运用Gulp压缩文件编译文件。包括css js html image【代码】

安装node.js npm 以及安装gulp等方法我就不在这里赘述了。接下里我主要介绍的是Gulpfile文件里面的配置该如何书写。var gulp = require(‘gulp‘);//引入gulp组件// 引入组件//在引入这些组件前你需要在你的项目里进行安装。举个栗子：组件中间用空格隔开。一定要先切换到你项目所在的目录//npm install gulp-jshint gulp-sassgulp-concat gulp-uglify gulp-rename --save-devvar htmlmin = require(‘gulp-htmlmin‘), //html压...

casewesternreserveuniversitphp压缩多个CSS为一个css的代码并缓存

代码如下:<?php /* Compress multiple CSS files into one and cache for an hour. Use the same code for Javascript, but replace below "text/css" with "text/javascript" and of course make sure you include .js files instead of .css ones. */ ob_start("ob_gzhandler"); header("Content-type: text/css; charset: UTF-8"); header("Expires: ".gmdate("D, d M Y H:i:s", time() + 60*60)." GMT"); include(somefile...

php压缩多个CSS为一个css的代码并缓存_PHP教程

CSS - 技术教程分类

CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS Backgrounds(背景) CSS Text(文本) CSS Fonts(字体) CSS 链接(link) CSS 列表 CSS Table(表格) CSS 盒子模型 CSS Border(边框) CSS 轮廓（outline）属性 CSS margin(外边距) CSS padding（填充） CSS 尺寸 (Dimension) CSS Display(显示) CSS Position(定位) CSS Overflow CSS Float（浮动） CSS 对齐 CSS 伪类 CSS 伪元素 CSS 导航栏 CSS 下拉菜单 CSS 提示工具 CSS 图像透明/不透明 CSS 图像拼合技术 CSS 媒体类型 CSS 属性选择器 CSS 表单 CSS 计数器 CSS 网页布局 CSS 总结 CSS 实例 Viewport 媒体查询图片视频(Video) 框架 CSS 参考手册 CSS 选择器 CSS Web安全字体 CSS 动画 CSS 单位 CSS 颜色 CSS 颜色值 css 全部

CSS - 最热教程

设置DIV的背景色有哪几种方法 js批量设置元素样式和封装似于jquery的...HTML5实战与剖析之CSS选择器——getEle...css如何设置文本元素内的空白填充？如何压缩css文件 cssright属性怎么用 cssanimation-timing-function属性怎么...jquery设置内联样式css()jQuery+HTML5+CSS3制作支持响应式布局时...jquery实现动态改变css样式的方法分析

首页 / CSS / php实现压缩多个CSS与JS文件的方法

php实现压缩多个CSS与JS文件的方法

内容导读

内容图文

内容总结

内容备注

内容手机端

【php实现压缩多个CSS与JS文件的方法】教程文章相关的互联网学习教程文章

Google Pagespeed，自动压缩优化JS/CSS/Image【代码】

简短的几句js实现css压缩和反压缩功能【代码】【图】

Vue打包上线之后CSS没有压缩和不生效【代码】【图】

在ASP.NET MVC中，使用Bundle来打包压缩js和css【代码】【图】

ionic中使用Cordova Uglify 压缩js与css【代码】

ASP.Net一键自动化更新代码、编译、合并dll、压缩js、css、混淆dll、zip打包、发布到测试环境的bat批处理【代码】

gulp之压缩css【代码】

Webpack 4 学习08（压缩优化css）【代码】

将Microsoft Ajax Minifier集成到VS2013对JS、CSS进行编译时压缩【代码】【图】

【转载】Yui.Compressor高性能ASP.NET开发：自动压缩CSS、JS【代码】

关于webStrom-11.1配置less且自动生成.css和自动压缩为.min.css/.min.js【图】

webstorm 配置压缩css js 代码【图】

运用Gulp压缩文件编译文件。包括css js html image【代码】

casewesternreserveuniversitphp压缩多个CSS为一个css的代码并缓存

php压缩多个CSS为一个css的代码并缓存_PHP教程

PHP - 相关标签

CSS - 相关标签

文件 - 相关标签

CSS - 技术教程分类

CSS - 最新教程

CSS - 最热教程