0

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

原因是我有一个项目，它的标记和 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？）。但是一旦完成，代码阅读起来就会非常不友好。

那么我们应该有两个以上的文件集吗？

4

2 回答 2

1

是的。

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

就个人而言，我做了几件事：

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

这意味着我可以随心所欲地创建一个网站，但我确信用户会看到 1 个 CSS 文件、1 个 JS 文件、一些缩小的 HTML 和小图像。

于 2012-10-20T08:59:12.280 回答
1

拥有两组文件是一个非常非常糟糕的主意。迟早你会犯一个错误，一个人会与另一个人步调不一致。

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

于 2012-10-20T09:00:38.333 回答