惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
云风的 BLOG
云风的 BLOG
小众软件
小众软件
IT之家
IT之家
T
Tailwind CSS Blog
WordPress大学
WordPress大学
S
SegmentFault 最新的问题
美团技术团队
博客园 - 叶小钗
V
V2EX
博客园 - Franky
大猫的无限游戏
大猫的无限游戏
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
阮一峰的网络日志
阮一峰的网络日志
博客园 - 【当耐特】
罗磊的独立博客
博客园_首页
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
爱范儿
爱范儿
宝玉的分享
宝玉的分享
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Jina AI
Jina AI
月光博客
月光博客
有赞技术团队
有赞技术团队

博客园 - Do you know, jack?

js继承摘要 Css中position、float和clear整理 基于组织角色的权限设计 oracle最精简客户端(3个文件+1个path变量就搞定oracle客户端) oracle客户端免安装配置、64位机器PL/SQL和VS自带的IIS连接问题 Throw与Throw ex区别,记录日志的方法 oracle数据库连接方式 允许修改Svn注释 ctrl+Enter 自动加上 .com 而不是 .com.cn google chrome服务器hosts设置 Entity Framework关系映射容易出错的地方 添加NotePad++到右键菜单 960 grid system的一点研究 如何查看NHibernate中生成的SQL web页面数据验证提醒方式 The RPC server is unavailable的解决方法 编写一份代码,支持多种布署方式 为什么要使用AOP? Enterprise Library 和 Spring.Net的比较
CSS文件和JS文件组织
Do you know, jack? · 2012-07-20 · via 博客园 - Do you know, jack?

在开发的时候会使用到多个CSS文件和JS文件,如何组织就成了一个问题。

个人认为在开发的时候使用多个文件,这样方便查看,到发布的时候再用工作合并成一个。

大概思路如下:一般包括两个文件,一个在开发的时候使用,一个在发布的时候使用,程序根据配置加载其中一个。
例如有一个All-debug.css文件,在开发的时候使用,里面的内容是:
@import url(../960/960-all.css);
@import url(core.css);
@import url(two_col_form.css);
另外有一个All-Release.css文件,在发布的时候使用,发布时用工具把上面的那些CSS文件合并到一个。
在代码中根据配置加载这两个文件中的一个。

JS的管理也可以这个, 在debug文件中写一个JS加载的方法,按顺序加载js文件,发布的时候就直接合成一个,不再使用JS加载文件。