0

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

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

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

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

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

4

1 に答える 1

0

開発構成で html-loader を使用していますが、必要なものに対しては正常に動作します。画像をコピーする理由がよくわかりませんが、必要な画像が必要な場合は、html-loader がこれを実現します。その後、次のように url-loader を使用します。

   {
      test: /\.(png|gif|jpe?g)$/i,
      // if the file have ~50kb or less it's added to DOM as a data atributte, if not it's compressed as an image
      loader: 'url?limit=50000'  
   },

画像が 50kb より大きい場合は、ビルド フォルダーにコピーされます。小さい場合は、データ属性として DOM に配置して、http 要求の数を減らします。

これが何らかの形で役立つことを願っています。Webpack は最初はとても難しいですが、仕組みを理解すると二度と戻れなくなります。

于 2016-06-09T12:44:32.477 に答える