当前位置：文江博客话题详情

在压缩之前连接 CSS 和 JS？工具？最佳实践？

发布于 2024-08-04 23:38:03 字数 386 浏览 8 评论 0原文

我正在开发一个单页网站，其中包含大约十几个 .js 文件，也许还有六个 .css 文件。

大多数 .js 文件都是 jQuery 插件。除了基本 css 文件之外，CSS 文件还用于相应的 jQuery 插件。

YUI Compressor 似乎是压缩 CSS 和 JS 文件的最爱。但是，它仅压缩单个文件。

我还想合并我的文件，（理想情况下）最终得到一个 .js 和一个 .css 文件（都是压缩的）。

是否有任何首选工具可以让您自动将 .js 和 .css 文件合并到一个文件中，以便可以通过 YUI 压缩器运行该文件？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

甚是思念 2024-08-11 23:38:03

如果您了解一点 php，我发现这是最好的方法： http://www.thedanglybits.com/2007/06/21/minify-your-external-javascript-and-css-with-php/

回复收藏 0 原文

最笨的告白 2024-08-11 23:38:03

您可能想查看 sprockets (http://www.getsprockets.com/)。

回复收藏 0 原文

半夏半凉 2024-08-11 23:38:03

我前几天才问过这个问题。在厌倦了网络搜索之后，我想出了这个 hackish（Windows 批处理文件）解决方案。

@echo off
set TUNA_ROOT=C:\path\to\webroot
set YUI_COMPRESSOR_PATH=C:\path\to\yuicompressor-2.4.2\build
set TEMP_JS_FILE=%TUNA_ROOT%\scripts\all_scripts_temp.js
set OUTPUT_JS_FILE=%TUNA_ROOT%\scripts\tuna_min.js
if exist "%TEMP_JS_FILE%" del "%TEMP_JS_FILE%"
if exist "%OUTPUT_JS_FILE%" del "%OUTPUT_JS_FILE%"
type "%TUNA_ROOT%\Scripts\MicrosoftAjax.js" >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
type "%TUNA_ROOT%\Scripts\MicrosoftMvcAjax.js" >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
rem ...and so on...
java -jar "%YUI_COMPRESSOR_PATH%\yuicompressor-2.4.2.jar" -v --charset utf-8 -o "%OUTPUT_JS_FILE%" "%TEMP_JS_FILE%"
if exist "%TEMP_JS_FILE%" del "%TEMP_JS_FILE%"

但如果有一种更自动化的做事方式我真的很喜欢。

I was asking this question only the other day. After tiring of scouring the web, I came up with this hackish (windows batch file) solution.

@echo off
set TUNA_ROOT=C:\path\to\webroot
set YUI_COMPRESSOR_PATH=C:\path\to\yuicompressor-2.4.2\build
set TEMP_JS_FILE=%TUNA_ROOT%\scripts\all_scripts_temp.js
set OUTPUT_JS_FILE=%TUNA_ROOT%\scripts\tuna_min.js
if exist "%TEMP_JS_FILE%" del "%TEMP_JS_FILE%"
if exist "%OUTPUT_JS_FILE%" del "%OUTPUT_JS_FILE%"
type "%TUNA_ROOT%\Scripts\MicrosoftAjax.js" >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
type "%TUNA_ROOT%\Scripts\MicrosoftMvcAjax.js" >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
echo. >> "%TEMP_JS_FILE%"
rem ...and so on...
java -jar "%YUI_COMPRESSOR_PATH%\yuicompressor-2.4.2.jar" -v --charset utf-8 -o "%OUTPUT_JS_FILE%" "%TEMP_JS_FILE%"
if exist "%TEMP_JS_FILE%" del "%TEMP_JS_FILE%"

but I'd really love it if there were a more automated way of doing things.

回复收藏 0 原文