node_modules最近 NPM を使い始めましたが、 内のファイルがどのように に追加されるのかわかりませんindex.html。
ケース1: CDN
たとえば、CDN 経由で jQuery を使用したい場合、それはとても簡単です。ファイル<script>のタグに CDN リンクを追加するindex.htmlと、$すぐに使用できるようになります。
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$('body').css('background','red');
});
</script>
</body>
</html>
ケース2: NPM
現在、CDN ではなくノード モジュールと npm を使用しようとしています。次の操作を実行しました。
package.json使用して作成npm init --yes- jQueryパッケージをインストールしました
npm install jquery --save
現在、私のプロジェクト フォルダーは次のようになります。
から jQuery CDN へのリンクを含むスクリプト タグを削除しましたindex.htmlが、 から jQuery を追加する方法がわかりませんnode_modules。
私はブラウザ上でこれをやっています。
ベストアンサー1
電子商取引ネットワーク
一般のインターネット ユーザーがアクセスできる Web サイトを開発する場合は、CDN を使用します。
CDN の利点:
他の多くのウェブサイトでも使用されているため、ほとんどのブラウザでキャッシュされます。
帯域幅を減らす
さらなる特典を確認するここ
国立博物館
npmは、アプリ内の依存関係を管理するための優れたツールです。モジュールバンドラー。
例：
使用して想定するウェブパックモジュールバンドラーがjQueryインストールされています
import $ from 'jQuery'
...
var content = $('#id').html();
しかし、ブラウザはimportステートメントを理解しないので、Webpack コマンドを使用してコードをトランスパイルする必要があります。バンドラーは使用されているすべての依存関係をチェックし、依存関係の問題なく単一のファイルにバインドします。
便利なリンク:webpackを使い始める