問題タブ [webpack-plugin]

Angular 1.x アプリケーションで Webpack を使い始めたばかりです。実際のソリューションがありますが、イメージを要求するのではなく (ビルド ディレクトリに強制的にコピーする必要があります)、html を自動的に解析してすべての IMG を要求することを望んでいました。タグ。

もうメンテナンスされていないようですが、モジュールを見つけたようです: https://github.com/webpack/html-loader

ここで私のオプションは何ですか？

オプションは、Webpack コピー プラグインを使用してアイテムをビルド ディレクトリにコピーすることですが、これは、使用されていないものをコピーする可能性があることを意味します。

私はWebpackを使い始めたばかりですが、これまでのところ素晴らしいものですが、飲み込むには別のタイプの考え方が必要です.

Webpack の ProvidePlugin 構成で実際に既に構成されている未解決の変数に対して typescript コンパイラが叫び始めた後に、WebPack のビルド プロセスが失敗するのを防ぐ方法はありますか?

webpack.config.js

tsconfig.json

https://webpack.github.io/docs/list-of-plugins.html#provideplugin

私の経験から、typescript はどの変数がモジュールに挿入されるかを認識していないため、ビルドは完了しません。

これはビルドの出力です

Webpack で Angular を使用しています (file-loader、url-loader などのローダーを使用)。

ここで、http を介して提供されている画像を読み込みたいと思います。

require('./imgs/profile.png')を使用したとき、ビルドは成功しました

しかし、たとえばrequire(' http://myserver.com/images/profile.png ')と言おうとすると、ビルドに失敗しました。

さて、問題は、私のイメージがローカル環境になく、AWS S3 などのサードパーティ サーバーにあることです。

これを達成する方法は？以下は私のwebpack.config.jsです

gulp を使用して既存のプロジェクトに webpack と offline-plugin を追加しようとしています - webpack は問題なく動作しますが、offline-plugin を追加すると苦労します

私がしたことは、offline-plugin throw npm を追加することです

webpack.confing.js

main.js はプロジェクトのメイン ファイルです。

今、私が使用するプロジェクトを実行するとき:

戻る

次に、gulp サーバーを実行します。

そして、sw.js の戻り値を調べて、提供されたファイルのみが bundle.js であり、プラグインのメイン キャッシュ オブジェクトに追加したファイルのいずれでもないことを示します。

私がoffline-pluginを使用している方法は正しいです。他のファイルをキャッシュしてサービスワーカーから提供する方法を追加する方法です.webpack confing autmatclicyをスローするには、どのconfingを追加する必要がありますか

私のプロジェクトファイルツリー:

私はwebpackが初めてで、作業環境をセットアップしようとしています。しかし、css ファイルと js ファイルを分離しようとしたときに、この問題に遭遇しました。

extract-text-webpack-plugin が意図したとおりに機能していません。

私のディレクトリ構造は次のとおりです。

アプリ --> css --> (dir1,dir2)

私のwebpack構成は次のとおりです

私の外部設定は次のとおりです

私が得ているエラーは次のとおりです

マルチ スタイル 1 のエラー モジュールが見つかりません: エラー: 'ファイル' または 'ディレクトリ' を解決できません /Users/john-3139/Documents/working/wepack1/app/css/dir1 in /Users/john-3139/Documents/working/wepack1 @マルチスタイル1

マルチ スタイル 1 のエラー モジュールが見つかりません: エラー: 'ファイル' または 'ディレクトリ' を解決できません /Users/john-3139/Documents/working/wepack1/app/css/dir1 in /Users/john-3139/Documents/working/wepack1 @マルチスタイル1

各ディレクトリのcssファイルをstyle1.css、style2.cssとして個別のcssファイルにするつもりです

ここで何が間違っていますか？