cdn を使用してこのようなパブリック js ファイルを参照する方法。現在、npm install によってインストールされ、すべてローカルで、エクスポートは制限されていますが、多くのパッケージは cdn を使用してインポートできます。しかし現状では全てVueフレームワークで動作しており、HTMLから直接インポートした記述場所はありません。プロジェクトで https://cdn.bootcss.com/eleme... のようなパブリック CDN を使用する方法を教えてください。
リーリー
Webpackはこのように構成されており、HTMLはcdnのjqueryを導入しています
直接インポートするだけですhtml 里中 从 CDN、インポートして一緒にパッケージ化/圧縮する必要はありません
html
CDN
サードパーティ ライブラリに CDN アドレスがある場合は、テンプレートの HTML で HTML に直接導入できます。 その後、コードを独自の cdn にスローし、それを均一に管理し、他の静的ファイルと同じ方法で処理することもできます。たとえば、img ファイルは cdnUrl+projectName/img/ に配置されます。パーティーライブラリもそこにスローされます。 現在ローカルではnpmパッケージで管理しているので、引用時にインポートすると必ずwebpackでパッケージ化されることになります… これにはwebpackの問題が関係します。まずは現在の問題を解決できるか見てみましょう
jQuery を例として、非常に詳しく説明されている webpack ドキュメントを参照してください。
問題を解決するには、次の手順が必要です 1. npm によってローカルにインストールされ、インポートを通じて導入された js ファイルを抽出します。この部分は、webpack コードの分離を参照してください。
リーリー リーリー リーリー
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リーリー
Webpackはこのように構成されており、HTMLはcdnのjqueryを導入しています
リーリー直接インポートするだけです
html里中 从CDN、インポートして一緒にパッケージ化/圧縮する必要はありませんサードパーティ ライブラリに CDN アドレスがある場合は、テンプレートの HTML で HTML に直接導入できます。
その後、コードを独自の cdn にスローし、それを均一に管理し、他の静的ファイルと同じ方法で処理することもできます。たとえば、img ファイルは cdnUrl+projectName/img/ に配置されます。パーティーライブラリもそこにスローされます。
現在ローカルではnpmパッケージで管理しているので、引用時にインポートすると必ずwebpackでパッケージ化されることになります… これにはwebpackの問題が関係します。まずは現在の問題を解決できるか見てみましょう
jQuery を例として、非常に詳しく説明されている webpack ドキュメントを参照してください。
https://doc.webpack-china.org...問題を解決するには、次の手順が必要です
例:1. npm によってローカルにインストールされ、インポートを通じて導入された js ファイルを抽出します。この部分は、webpack コードの分離を参照してください。
リーリー
2. JSパッケージ化後のパスとファイル名の問題を解決するにはHtmlWebpackPluginを使用しますリーリー リーリー リーリー
最終的に生成されたエフェクトは次のようになりますリーリー
問題は主に、上記のパブリック js ファイルの抽出にあります。抽出後、HtmlWebpackPlugin を使用してリソース パスを自動的に追加するか手動で追加するかは個人的な選択であるため、最初のステップに重点が置かれます