Html5-boilerplate: ファイル名の最適化、「延期」の追加、接続を確認するためのコンソールグリーティング

作成日 2020年08月20日  ·  18コメント  ·  ソース: h5bp/html5-boilerplate

私は提出しています...

  • []バグレポート
  • [x]機能リクエスト
  • []その他(ここ(下記)でサポートリクエストを送信しないでください)

こんにちは、みなさん!!!

私はこのツールが大好きです。特にフレームワークが目前のタスクに対してやり過ぎである場合、主にVanillaJsで作成する私のような開発者にとっては素晴らしいことです。
私の機能リクエストは単純です-それが価値があると思われる場合は、それらの実装を喜んでお手伝いします!

1.「main.js」ファイル名を「app.js」に変更します

_VsCodeおよび他の多くのIDE /コードエディタは、デフォルトで「デフォルト」のJavascriptファイルとして「app.js」になります_

2.ソースJsファイルスクリプトタグに「defer」を追加します。

<script defer src="app.js"></script>

_これにより、Jsスクリプトを実行する前にすべてのDOM要素をロードできます_

3. main.js(_または変更されている場合はapp.js_)に1行のコードを追加します。

console.log(' √ Js file connected! Thanks for using HTML5 Boilerplate 🔥 ');

_これは、HTMLファイルとJsファイルが適切であることを確認するための適切な方法です!_

4.「main.css」ファイル名を「style.css」に変更します

<link rel="stylesheet" href="style.css">

_VsCodeおよび他の多くのIDE /コードエディタは、「デフォルト」のcssファイルimport_として「style.css」にデフォルト設定されています。

最も参考になるコメント

  1. 名前をmain.jsからapp.jsに変更しても大丈夫だと思いますが、どちらの方法でもかまいません。
  2. 延期はページ速度を最適化するのに非常に役立ちますが、ページをレンダリングするためにJSが必要になる場合があるため、必ずしも良い考えではありません。 テンプレートにdeferを追加しない方が良いと思います。
  3. これが本当に必要かどうかはわかりません。 スクリプトにコードを残して本番環境に移行するよりも、開発者が自分でテストをセットアップする方がおそらく良いでしょう。
  4. これは良い考えかもしれないと思います。 サイトのCSSの最も一般的なファイル名は「style.css」であることに同意します

全てのコメント18件

githubに加えて[email protected]から連絡できます。
ありがとう!!!

  1. 名前をmain.jsからapp.jsに変更しても大丈夫だと思いますが、どちらの方法でもかまいません。
  2. 延期はページ速度を最適化するのに非常に役立ちますが、ページをレンダリングするためにJSが必要になる場合があるため、必ずしも良い考えではありません。 テンプレートにdeferを追加しない方が良いと思います。
  3. これが本当に必要かどうかはわかりません。 スクリプトにコードを残して本番環境に移行するよりも、開発者が自分でテストをセットアップする方がおそらく良いでしょう。
  4. これは良い考えかもしれないと思います。 サイトのCSSの最も一般的なファイル名は「style.css」であることに同意します

1と4について同意します。プロジェクトでは常にapp.jsとstyle.cssを使用します。 @coliffに約3で同意します。コンソールログが誤って本番環境にデプロイされる可能性があります。

履歴時間:#1116

文字通りmain.cssと呼ばれるまったく別のプロジェクトがあるので、名前をダウンストリームに変更するのは少し面白いでしょう。 私は完全に反対しているわけではありませんが、少し奇妙かもしれません。

みんな、ありがとう。 #1と#4について何をしたいのか教えてください(あまり奇妙ではない場合は、最新の状態に保つようにしてください)

これを閉じる必要がありますか?

時間があるときにフォローアップします。 だから今はそのままにしておきます。 私はこれらの料金のいずれでも売られていませんが、提案にも適切に対処したいと思います。

オーケー! 問題ありません、私は誰にも苦労させたくありません。 この目的を急ぐ必要はありません。開いたもので問題タブを目立たせたくなかっただけで、積極的になりたくありませんでした。 乾杯! 🔥

全く心配ありません。 時々、このようなものは速く動きます、他の時にはそれほど多くはありません。

スキルを磨き、数人の生徒を指導し続ける以外は、長い間何もするつもりはありません!!! 数冊の本があるとは思いもしませんでした。できるだけ早くそれらをすくい上げます。 また、Massの仲間の開発者に会えるのは素晴らしいことです...私はSpringfieldのそばにいますが、そのようにたくさんのショーをプレイしてきました。 必要なものは何でも、なんらかの理由で急いで叫ぶだけで、何も壊れていません

@vltansky作成スクリプトのオプションとしてファイル名を追加するのはクールかもしれません。

ネタバレ:私はapp.jsに傾倒していますが、main.cssをホストしているプロジェクトのために、main.cssの名前を変更することを躊躇しています。 それが議論のポイントだと思います。 アップストリームプロジェクトの名前が異なるかどうかは重要ですか? 確かに、styles.cssの方が良い名前だと思います。 多分それについてツイートします。 main.cssを依存関係(プロジェクトとして)として使用し、任意の名前でビルドしても問題はありません。 これをオプションとしてmain.cssプロジェクトに追加することもできます。 hrm。 週末にこれでボールを動かしてみます。

🤔

いいですね。 これは私の最初の機能リクエストです、感謝しています

私はstyle.cssファイル名の使用に賛成票を投じます。 ユーザーの最終的なコンパイル済みCSSには「main.css」が含まれますが、独自のカスタムスタイルや、他のプラグインなどのスタイルも含まれるため、プロジェクトの最終的なCSSは「main.css」だけではありません。

aye👍🏻

こんにちは@klutchdev。 私はこのリポジトリをフォークし、あなたが要求したように変更を追加しました。 今、私は何をすべきですか?

おー!! ええと、それは@roblarsen次第だと思いますか? 彼は@ coliff@ vltanskyのいくつかの変更について考えるつもりでした、そして私自身が話していたので、私はただしっかりとぶら下がっていると言います

#2341と#2342を介して閉じました提案@klutchdevをありがとう!

ようこそ

このページは役に立ちましたか?
0 / 5 - 0 評価