为Web设计项目保留两组文件

时间:2012-10-20 08:54:22

标签: html css web-deployment

在进行网站设计/编程项目时,我想知道大师是否常常保留两组文件。一个用于开发,一个用于生产,如jQuery。

原因是我有一个项目有Markup& CSS非常重视我的评论。代码也是缩进的,间隔的和标签的。例如

标记

<!-- START google translate script link ================================================================== -->
<meta name="google-translate-customization" content="9f841e7780177523-3214ceb76f765f38-gc38c6fe6f9d06436-c"></meta>
<!-- END google translate script link ==================================================================== -->

<!-- START stylesheet link =============================================================================== -->
<link href="styles/main.css" rel="stylesheet" type="text/css" media="all" />
<!-- END stylesheet link ================================================================================= -->

<div id="header_text"><!-- START header_text ============================================================= -->
<h1 id="first-child">Pak United Food Services Ltd.,</h1>
<h1 id="last-child"><a href="http://www.pufs.org/" title="www.pufs.org">PUFS</a></h1>
<span></span>
</div><!-- END header_text =============================================================================== -->

CSS

/* START import ------------------------------------------------------------------------------------------- */
@import url("reset.css");
@import url("feature-carousel.css");
/* END import --------------------------------------------------------------------------------------------- */

/* START wrapper ------------------------------------------------------------------------------------------ */
div#wrapper
{
width: 100%;
font-family: Calibri, Arial, Georgia,Times, 'Times New Roman', serif;
font-size: 16px;
line-height: 22px;
background: url("../images/bg.jpg") repeat scroll 0 0 #1D2426;
}
/* END wrapper -------------------------------------------------------------------------------------------- */

等等。当然,我不应该使用这些文件进行部署。理想情况下,应该删除所有注释,空格,缩进,制表符(甚至是EOL?)。但是一旦完成,代码将非常不友好地阅读。

那么我们应该有两个文件集吗?

2 个答案:

答案 0 :(得分:1)

是的。

大多数人使用构建脚本,手动滚动或类似http://gruntjs.com/

就个人而言,我做了一些事情:

  • 脚本使用uglify.js
  • 连接和缩小javascript
  • SASS确保我的CSS没有评论和缩小
  • 脚本使用jpegtrans / optipng / pngcrush等确保图像很小
  • PHP输出过滤器缓存我的PHP并在途中缩小它

这意味着我可以创建一个网站,但我确信用户会看到1个CSS文件,1个JS文件,一些缩小的HTML和小图片。

答案 1 :(得分:1)

拥有两组文件是一个非常糟糕的主意。迟早你会犯错误,一个人会与另一个人失去理智。

为什么没有部署程序?该过程的一部分可能是在部署之前拍摄文件的快照并在这些文件上运行脚本以删除空格等。