0

ウェブサイトのデザイン/プログラミングプロジェクトを行う際に、教祖が2セットのファイルを保持するのが一般的かどうか疑問に思いました。1つは開発用で、もう1つは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つ以上のファイルセットが必要ですか？

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

2セットのファイルを用意することは非常に悪い考えです。遅かれ早かれ、あなたは間違いを犯し、一方が他方と歩調を合わせなくなるでしょう。

展開手順を持ってみませんか？その手順の一部として、ファイルのスナップショットを作成し、展開前にそれらのファイルに対してスクリプトを実行してスペースなどを削除することができます。

于 2012-10-20T09:00:38.333 に答える