1. ホーム
  2. javascript

[解決済み] CDNを利用する場合とNPMでライブラリをインストールする場合

2022-02-18 04:45:20

質問

最近、NPMを使い始めたのですが、NPMの中の node_modules は、私の index.html .

ケース1:CDN

例えば、CDN経由でjQueryを使いたい場合、それはとても簡単です。CDNへのリンクを <script> タグを作成し 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ではなく、nodeモジュールとnpmを使おうとしています。私は以下のようにしました。

  1. 作成した package.json を使用することで npm init --yes
  2. jQuery パッケージのインストールは npm install jquery --save

さて、私のプロジェクトフォルダはこのようになっています。

jQuery CDNへのリンクがあるscriptタグを index.html からjQueryを追加する方法がわかりません。 node_modules ?

ブラウザでやっています。

解決方法は?

質問を誤解しているかもしれませんが...。しかし、次の行をあなたの index.html ファイルをご覧ください。

<script src="node_modules/jquery/dist/jquery.min.js"></script>