javascript - vue-cli でプロジェクトをビルドする場合、ローカルの静的 js ファイルと CSS ファイルを導入する必要がありますが、それらをパッケージ化するにはどうすればよいですか?

Question

1. vue-cli でプロジェクトをビルドするときは、ローカルの静的 js および CSS ファイルを導入する必要があります。npm run bulid によって直接パッケージ化されたファイルは、JS および CSS と一緒にパッケージ化できません。webpack をどのように設定する必要があるか、または使用する必要がありますか?パッケージに一気飲みしますか？

関連するコードは次のとおりです

リーリー

js ファイルには、ローカルの静的ファイルと外部 cdn によって導入されたファイルの両方が含まれます

梱包方法を見つけてください

Answer 1

自動的にパッケージ化されますが、ローカルの静的 JS はプロジェクト フォルダーに配置する必要があります。そうしないと、通常はプロジェクト内に新しい js フォルダーを作成し、その中にすべての静的 JS を配置します

。

Answer 2

static は自動的に static としてパッケージ化されます。

Answer 3

ローカルの js または css ファイルを使用したい場合は、それらを main.js に個別にインポートする必要があります。これにより、index.html でローカルの js および css を参照するのではなく、js および css コードがプロジェクトにパッケージ化されます。もちろん、CDNで高速化された外部ファイルもindex.htmlで参照可能です