問題タブ [webpack-html-loader]

TypeScript を使用して複数ページのアプリを構築しようとしており、webpack をいじって、TypeScript と SCSS をトランスパイルし、HTML にリンクし、すべてを出力フォルダーに移動しています。

ファイルを適切にコンパイルして HTML にロードします。しかし、コンパイルされた TS を JS ファイルにパッケージ化していないようです。

Refused to execute script from 'http://localhost:8000/c108951b472f9e4eb8bc.ts' because its MIME type ('video/mp2t') is not executable.

たぶん、私はwebpackの全体的な考えを間違っていたのかもしれません。広範な検索の結果、必要なデザインに到達するための別のツールを見つけることができませんでした.

私のwebpack.config.jsonは次のとおりです。

コードは関係ないと思います。しかし、必要な場合は、すぐに質問を更新します。

私は現在、いくつかの HTML コードを消費 Web サイトに挿入する必要がある js ライブラリを作成しています。js コードで文字列テンプレートを使用したくないので、src ディレクトリに別の html ファイルを作成し、それらを html-loader プラグインでロードして、コードで文字列テンプレートとして直接使用できるようにしました。このライブラリを単一の js としてバンドルし、単一の cdn リンクを介して使用できるようにする必要があります。しかし、プロジェクトをビルドすると、バンドル ファイルの src ディレクトリから html ファイルがまだインポートされていることがわかります。これらの html ファイルを webpack を使用して最終的な js ファイルに文字列として含める方法はありますか?

ありがとうございました

私はwebpack jsを学んでいます。トレーナーが src フォルダーから宛先 ( dist) フォルダーに html ページをロードする例に従います。私は同じことをしようとしていますが、Webpack5. フォルダーを作成し、構成configフォルダーから以下の webpack.dev.js を実行しました。

Webpack.dv.js

コマンドをyarn serve --config=config/webpack.dev.js実行すると、次のエラーが表示されます。

./src/index.html 39 バイト [ビルド] [コード生成] [1 エラー]

そこでScript、HTML ファイル (以下に示す) のタグをいじってみました。

タグを削除する<script>と、プロジェクトは正常にビルドされますが、dist フォルダーには何もコピーされません。上記の構成の何が問題なのか、誰かが指摘できますか? 何が欠けているか、またはこれを機能させるために何ができますか? また、src から index.html をロードすることが良い考えなのか悪い考えなのかを指摘してください。

パッケージ.json:

ありがとう！