2017-07-15 3 views
0

jquery/bootstrap/font-awesomeをインストールすることがnpm経由でインストールしてから手動でcss/js/fontsフォルダにドラッグするのではなく、自動的に実行できるかどうか知りたいですか? アップデートして正しいフォルダに自動的にドラッグできるプログラムはありませんか?CDNを使用せずに、ブートストラップ、jquery、font-awesomeなどのWebアセットを自動的にインストールするにはどうすればよいですか?

私は人々があなたが手動で正しい場所にjavascriptファイルをドラッグすることができますが、例えばブートストラップは複数のjavascriptファイルで構成されていると言っています。フォントとCSSファイルが含まれています。
私はこの方法でそれらを含めるした場合:

\ウェブ
- \ CSS
- \アプリ
--- \のmain.css
- \フォント素晴らしい
- - \フォントawesome.min.css
- \フォント
など

フォント素晴らしいが、それはフォントがわきひとつのフォルダであることを期待していますので、それは、動作しません。

+0

私はw3schoolsが好きではありません。私はw3schoolsを信頼しません。 – Kai

+2

あなたは不明ですか?まず、ファイルをフォルダに入れてスクリプトタグでリンクするだけで、何もインストールする必要はありません。第2に、CDNは一般に信頼され、GoogleとMSはこれらのスクリプトをサービスとしてホストします。 – adeneo

+0

あなたのプロジェクトでは、javascriptファイルをダウンロードして参照することができます。 – Nisarg

答えて

0

オフラインで作業していない限り、CDNではなくローカルファイルを使用することはお勧めできません。

ここでは、ローカルファイル対のCDNについて読むことができます。

https://halfelf.org/2015/cdn-vs-local/

Multiple files on CDN vs. one file locally

https://www.sitepoint.com/7-reasons-to-use-a-cdn/

ちょうど反対で互いのリンクがありますが:

7 Reasons NOT to use a Content Delivery Network

は、

あなたがローカルファイルを使用する場合にもかかわらず、あなたは以下の指示に従うことができます。

  1. プロジェクトにおけるCDNのリンクで移動
  2. コピーSRCやHREFからのリンクを、ブラウザで開きます。
  3. ファイルをローカルに保存し、プロジェクト内のファイルの参照を指定します。
1

JQuery、Bootstrap、Fontawesomeは、Webページにインストールするソフトウェアやアプリケーションではありません。彼らはCSSとJavascriptファイルです。これらは他のjavascriptやCSSファイルと似ていますので、あなたのWebページを最初から書き込んだかもしれません。それは、それらがよく維持され、高度に最適化され、特定の用途のために作られていることを除いて。 (ブートストラップの主な目的は、ウェブページを反応させるためのフレームワークを提供することです。)

ウェブページにそれらを含めるには、それらのファイルを使用するようにHTMLファイルに指示するだけです。これは、<script>タグとそのsrc *属性を使用してHTMLにリンクすることによって行われます。 (* W3schoolsのリンク。Hehe)。

src属性では、ファイルを含むウェブ上の場所にURLを提供したり、ファイルを含むサーバーまたはローカルマシン内の場所への相対ローカルパスを指定することができます。はい、手動でファイルをcss/jsフォルダにドラッグし、そのパスを使用してファイルを含めることができます。プロセスを自動化するソフトウェアは認識していません。しかし、Webページ全体とそのサブページにアクセスするには、ファイルを1か所に配置するだけで済みます。それは非常に集中的なプロセスではありません。

なぜCDNのホストがこのようなファイルをパブリックアクセスするのかについては、洞察がここに与えられます:How cloudfare provides free service。そしてセキュリティは、まあまあ、彼らは安全です。文字通り彼らがホストしているファイルに安全なアクセスを提供するのは彼らの仕事です。なぜ人々がCDNを最初に使用するのかは、this(短期間で)です。

更新:あなたのHTML内のファイルを含める方法については 、それがこの(ブートストラップ例)のようになります:

<link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css"> 
<script type="text/javascript" src="static/bootstrap/js/bootstrap.min.js"></script> 

あなたが必要なCSSやJSファイルへのパスを提供する必要があります。ブートストラップの場合、これらの2つだけがライブラリの完全な機能を得るために必要なものです。

+0

"文字通り彼らがホストしているファイルに安全なアクセスを提供するのは彼らの仕事です。"クラウドについても同じことが言えます。第三者にコンテンツを信頼させることは、私が拒否していることです。 – Folatt

+0

はい、hehe。私たちはすべて信頼の問題があります。 Web上の何かまたはどこかが本当に安全かプライベートかは別の質問です。 しかし、プライベートな第三者ホスティングサービスであなたのウェブページやデータベースをホストするのはどうですか?あなたはそれらを信じています。だからどれくらい妥協したいのかということだけです。そして、大量のトラフィックに直面しないページでは、CDNではなくサーバーからのこれらのファイルを使用すると問題ありません。だから最後はいつもあなたの呼び出しです。 – Rithwik

+1

"しかし、プライベートサードパーティホスティングサービスであなたのウェブページやデータベースをホスティングするのはどうですか?"分散型ネットワークMaidSafeで自分のWebページをホストする予定です。 – Folatt

関連する問題