blocks|key|266195|text|既然你使用的是共享主机，我建议你使用YUICompressor，并在上传css/js文件之前通过它运行它们。请确保不要丢失原始文件-将来进行更改可能会很痛苦。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|266196|您还可以在您的服务器上放置一个脚本，该脚本将定期重写您的css/js文件，并通过一个minify进程传递它们，并在完成上传后手动调用此脚本。|266197|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.yahoo.com/yui/compressor/^0|I|D|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Since you're on shared hosting, I'd just suggest using the <a href="http://developer.yahoo.com/yui/compressor/" rel="nofollow noreferrer">YUICompressor</a>, and running your css/js files through it prior to uploading them. Be sure not to lose your original files - it could be a pain making future changes.

You could also place a script on your server that would periodically re-write your css/js files, passing them througha minify-process, and manually invoke this script after doing an upload.

blocks|key|1568328|text|要缩小CSS，只需要几个正则表达式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1568329|//+(PHP)+but+should+be+easily+portable+to+any+language
function+compressCSS($css)+{
++++return
++++++++preg_replace(
++++++++++++array('@\s\s%2B@','@(\w%2B:)\s*([\w\s,#]%2B;?)@'),
++++++++++++array('+','$1$2'),
++++++++++++str_replace(
++++++++++++++++array("\r","\n","\t",'+{','}+',';}'),
++++++++++++++++array('','','','{','}','}'),
++++++++++++++++preg_replace('@/\*[%5E*]*\*%2B([%5E/][%5E*]*\*%2B)*/@',+'',+$css)
++++++++++++)
++++++++)
++++;
}|code-block|syntax|javascript|1568330|Dean+Edwards的Javascript+packer已经被移植到PHP,+Perl,+.NET+and+WSH上，所以如果你正在使用这些技术中的任何一种，你实际上可以让它在你自己的服务器上运行。...Just记得缓存结果！|offset|length|1568331|entityMap|0|LINK|mutability|MUTABLE|url|http://dean.edwards.name/download/#packer^0|0|0|10|N|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Well, to minify CSS is just a couple of regexes. 

<pre><code>// (PHP) but should be easily portable to any language
function compressCSS($css) {
 return
 preg_replace(
 array('@\s\s+@','@(\w+:)\s*([\w\s,#]+;?)@'),
 array(' ','$1$2'),
 str_replace(
 array("\r","\n","\t",' {','} ',';}'),
 array('','','','{','}','}'),
 preg_replace('@/\*[^*]*\*+([^/][^*]*\*+)*/@', '', $css)
 )
 )
 ;
}
</code></pre>

And Dean Edwards's Javascript packer has been ported to <a href="http://dean.edwards.name/download/#packer" rel="noreferrer">PHP, Perl, .NET and WSH</a>, so if you're using any of those technologies, you could actually have it running on your own server. ...Just remember to cache the results!

blocks|key|1163|text|我喜欢Minify。它支持动态压缩和裁剪html，javascript和css。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1164|它非常灵活，可以集成到现有的应用程序中。|1165|一些更高级的功能是将多个javascript文件合并为一个文件，css也是如此。它有多种方式来定义要组合的文件，这对于测试目的很有用。这样，您就不必每次都修改设置。|1166|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/minify/^0|3|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

I like <a href="http://code.google.com/p/minify/" rel="nofollow noreferrer">Minify</a>. It supports compressing and trimming html, javascript and css on the fly.

It is quite flexible, an can be integrated into existing apps.

Some of the more advanced features is combining multiple javascript files into one, same for css. It has multiple ways of defining which files to combine, which is usefull for testing purposes. This way you do not have to modify the settings every time.

blocks|key|1406339|text|我建议创建一个makefile来解决这个特殊的问题，下面是我在我的一个网站上使用的一个又快又脏的makefile：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1406340|PUBDIR=../../static/js/
OUTDIR=./build/
COMPRESSOR=../yui/build/yuicompressor-2.4.2.jar
ARGS=
VPATH=${OUTDIR}
INST_TARGETS=${OUTDIR}jgblue.js

jgblue.js:+combined.js
++++java+-jar+${COMPRESSOR}+${ARGS}+${OUTDIR}$<+-o+${OUTDIR}$@

combined.js:+main.js+listview.js+tabs.js
++++cat+$%5E+>+${OUTDIR}$@

.PHONY:+install

install:
++++cp+${INST_TARGETS}+${PUBDIR}|code-block|syntax|javascript|1406341|然后你所要做的就是：|1406342|make+&&+make+install|1406343|首先，它获取所有开发文件并将其连接到单个文件中，然后将连接的文件压缩并复制到您的公共目录中。我正在使用YUICompressor进行压缩，它工作得很好。|offset|length|1406344|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.yahoo.com/yui/compressor/^0|0|0|0|0|1F|D|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

I recommend creating a makefile to solve this particular problem, here's a quick and dirty makefile I'm using for a site of mine:

<pre><code>PUBDIR=../../static/js/
OUTDIR=./build/
COMPRESSOR=../yui/build/yuicompressor-2.4.2.jar
ARGS=
VPATH=${OUTDIR}
INST_TARGETS=${OUTDIR}jgblue.js

jgblue.js: combined.js
 java -jar ${COMPRESSOR} ${ARGS} ${OUTDIR}$&lt; -o ${OUTDIR}$@

combined.js: main.js listview.js tabs.js
 cat $^ &gt; ${OUTDIR}$@

.PHONY: install

install:
 cp ${INST_TARGETS} ${PUBDIR}
</code></pre>

Then all you have to type is:

<pre><code>make &amp;&amp; make install
</code></pre>

First it takes all of your development files and concatenates them into a single file, then the concatenated file gets compressed and copied into your public directory. I'm using <a href="http://developer.yahoo.com/yui/compressor/" rel="noreferrer">YUICompressor</a> for compression, it works quite well.

blocks|key|1406380|text|我建议在上传到您的实时服务器之前，在您的开发机器上压缩(一定要以某种自动化的方式)并在那里测试它。在部署过程的最后阶段，从根本上更改JavaScript显然存在引入错误的风险。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1406381|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I suggest compressing (by all means in some automated way) on your development machine and testing it there before uploading to your live server. Fundamentally changing your JavaScript as the last stage of your deployment process is an obvious risk for introducing errors.

blocks|key|266650|text|这是一个非常酷的解决方案，它让js和css的服务就像做梦一样。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|266651|查看：http://code.google.com/p/minify/|offset|length|266652|特性|266653|266654|将多个CSS或JavaScript文件组合并缩小到单个下载中|unordered-list-item|266655|使用道格拉斯·克罗克福德的JSMin库和自定义类的增强端口来缩小CSS和|266656|缓存服务器端(文件/apc/memcache)以避免进行不必要的工作当浏览器具有最新的缓存时|266657|Responds使用HTTP304(未修改)响应|266658|大多数模块根据需要延迟加载(304响应使用组合的CSS文件中最小的CSS重写相对URI指向有效的CSS缓存，基于请求头，Minify能够在中等功能的server.|266659|Content-Encoding:+gzip上每秒处理数百个请求。缓存使它能够以比Apache选项更快的速度提供HTTP文件！大多数components|266660|Easy集成的第三方minifiers|266661|Separate实用程序类的enter+code+here|style|CODE|266662|266663|+|266664|测试用例|266665|266666|​|266667|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/minify/^0|0|3|W|0|0|0|0|1|1|1|1|1|1|1|E|F|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1I|8|@]|9|@$D|1J|E|1K|1|1L]]|A|$]]|$1|F|3|G|5|6|7|1M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|1O|8|@]|9|@]|A|$]]|$1|L|3|M|5|K|7|1P|8|@]|9|@]|A|$]]|$1|N|3|O|5|K|7|1Q|8|@]|9|@]|A|$]]|$1|P|3|Q|5|K|7|1R|8|@]|9|@]|A|$]]|$1|R|3|S|5|K|7|1S|8|@]|9|@]|A|$]]|$1|T|3|U|5|K|7|1T|8|@]|9|@]|A|$]]|$1|V|3|W|5|K|7|1U|8|@]|9|@]|A|$]]|$1|X|3|Y|5|K|7|1V|8|@$D|1W|E|1X|Z|10]]|9|@]|A|$]]|$1|11|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|12|3|13|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|14|3|15|5|K|7|20|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|21|8|@]|9|@]|A|$]]|$1|17|3|18|5|6|7|22|8|@]|9|@]|A|$]]|$1|19|3|-4|5|6|7|23|8|@]|9|@]|A|$]]]|1A|$1B|$5|1C|1D|1E|A|$1F|1G]]]]

Realy cool solution whice make serving js and css automagically like a dream.

Check: <a href="http://code.google.com/p/minify/" rel="nofollow noreferrer">http://code.google.com/p/minify/</a>

Features

<ul>
<li>Combines and minifies multiple CSS or JavaScript files into a single download

<ul>
<li>Uses an enhanced port of Douglas Crockford's JSMin library and custom classes to minify CSS and HTML</li>
<li>Caches server-side (files/apc/memcache) to avoid doing unnecessary work</li>
<li>Responds with an HTTP 304 (Not Modified) response when the browser has an up-to-date cache copy</li>
<li>Most modules are lazy-loaded as needed (304 responses use minimal code)</li>
<li>Automatically rewrites relative URIs in combined CSS files to point to valid locations</li>
<li>With caching enabled, Minify is capable of handling hundreds of requests per second on a moderately powerful server.</li>
<li>Content-Encoding: gzip, based on request headers. Caching allows it so serve gzipped files faster than Apache's mod_deflate option!</li>
<li>Test cases for most components</li>
<li>Easy integration of 3rd-party minifiers</li>
<li>Separate utility classes for HTTP encoding and cache control <code>enter code here</code></li>
</ul></li>
</ul>

blocks|key|1568448|text|我刚刚用python写了这个minfier脚本。像Bills一样，它使用YUI压缩机，但可以在不需要制造的环境中工作。它假设原始(unminifie)文件将位于/some/path/src/中，而精简版本应位于/some/path/中。它还假设yuicompressor+jar文件位于当前文件夹中：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1568449|import+os,+glob
from+subprocess+import+Popen,PIPE

def+RunCommand(+cmd,+show_output++):
++++p+=+Popen(cmd,+shell=True,stdout=PIPE,stderr=PIPE)
++++for+line+in+p.stdout:
++++++++if+show_output:
++++++++++++print+line


++++outerr+=+"\n".join(p.stderr.readlines()+)+++

++++if+len(outerr)+>+0:
++++++++print+"ERROR:+"+%2B+outerr
++++++++sys.exit()

++++code+=+p.wait()+++++++++
++++if+(+code+>+0+):
++++++++print+("ERROR+CODE:+%25i"+%25+code+)
++++++++sys.exit()



compresser+=+"yuicompressor-2.4.2.jar"
dirs+=+[+"../wwwroot/css/",+"../wwwroot/JavaScript/"]

extensions+=+["*.js",+"*.css"+]

for+dir+in+dirs:
++++src+=+dir+%2B+"/src/"
++++for+ext+in+extensions:++++++
++++++++for+path+in+glob.glob(+os.path.join(+src,+ext)):
++++++++++++file+=+os.path.basename(path)
++++++++++++src_file+=+os.path.normpath(+src+%2B+"/"+%2B++file+)
++++++++++++dest_file+=+os.path.normpath(+dir+%2B+"/"+%2B+file+)
++++++++++++if+not+os.path.isfile(dest_file)+or+os.path.getmtime(src_file)+>+os.path.getmtime(dest_file):
++++++++++++++++print+"minifying+%25s..."+%25+(dest_file)+
++++++++++++++++command+=+"java+-jar+%25s+%25s+-o+%25s"+%25+(+compresser,+src_file,+dest_file+)
++++++++++++++++RunCommand(command,+True)|code-block|syntax|javascript|1568450|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I just wrote this minfier script in python. Like Bills solution, it uses the YUI compressor, but will work in a make-less environment. It assumes that the raw (unminifie) files will be in /some/path/src/, and that the minified versions should go in /some/path/. It also assumes that the yuicompressor jar file is in the current folder:

<pre><code>import os, glob
from subprocess import Popen,PIPE

def RunCommand( cmd, show_output ):
 p = Popen(cmd, shell=True,stdout=PIPE,stderr=PIPE)
 for line in p.stdout:
 if show_output:
 print line


 outerr = "\n".join(p.stderr.readlines() ) 

 if len(outerr) &gt; 0:
 print "ERROR: " + outerr
 sys.exit()

 code = p.wait() 
 if ( code &gt; 0 ):
 print ("ERROR CODE: %i" % code )
 sys.exit()



compresser = "yuicompressor-2.4.2.jar"
dirs = [ "../wwwroot/css/", "../wwwroot/JavaScript/"]

extensions = ["*.js", "*.css" ]

for dir in dirs:
 src = dir + "/src/"
 for ext in extensions: 
 for path in glob.glob( os.path.join( src, ext)):
 file = os.path.basename(path)
 src_file = os.path.normpath( src + "/" + file )
 dest_file = os.path.normpath( dir + "/" + file )
 if not os.path.isfile(dest_file) or os.path.getmtime(src_file) &gt; os.path.getmtime(dest_file):
 print "minifying %s..." % (dest_file) 
 command = "java -jar %s %s -o %s" % ( compresser, src_file, dest_file )
 RunCommand(command, True)
</code></pre>

blocks|key|1568463|text|还有一个更轻量级的解决方案(JS和CSS)，这样你就可以“即时缩小”。您应该能够轻松地将其移植到任何语言(目前是PHP)。它实际上是PHP无脂肪框架的一个片段和组成部分。点击这个链接，看看我的代码。这只是一个单一的函数。不要寻找花哨的东西，比如组合文件、base-X编码、变量缩写甚至gzip编码(尽管这些都可以很容易地添加)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1568464|Fat-Free+Minify|offset|length|1568465|entityMap|0|LINK|mutability|MUTABLE|url|http://razorsharpcode.blogspot.com/2010/02/lightweight-javascript-and-css.html^0|0|0|F|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

There's an even lighter solution for both (JS and CSS) so you can "minify on the fly". You should be able to port it easily to any language (it's currently in PHP). It's really a fragment and an integral part of the PHP Fat-Free Framework. Follow this link and have a look at my code. It's just a single function. Don't look for bells and whistles like combining files, base-X encoding, shortening of variables or even gzip-encoding (although that can be added easily).

<a href="http://razorsharpcode.blogspot.com/2010/02/lightweight-javascript-and-css.html" rel="nofollow noreferrer">Fat-Free Minify</a>

Does anyone know of a good way to automatically run certain file types through a processing script on upload? I'm trying to accomplish automatically minifying CSS and Javascript when I upload them to the server, keeping a nice, human-readable version on the local side while keeping a minified one on the server. I'm currently using WinSCP on Windows, which is scriptable to some degree but might not be scriptable enough. I'd probably need some kind of cobbled-together solution, so don't be afraid to suggest something with duct tape in it; however, I do need to do the minification on my local computer and upload the squished file, since I use shared hosting and can't install junk on the server.

Thanks.

Automagically Minify CSS and Javascript on Upload

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

有没有人知道在上传时通过处理脚本自动运行某些文件类型的好方法？我试图在上传到服务器时自动缩小CSS和Javascript，在本地保留一个漂亮的、人类可读的版本，同时在服务器上保留一个缩小的版本。我目前在Windows上使用的是WinSCP，它在某种程度上是可脚本化的，但可能还不够脚本化。我可能需要一些拼凑起来的解决方案...

问在上传时自动缩小CSS和Javascript
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在上传时自动缩小CSS和JavascriptEN