問題タブ [webpack-style-loader]

フォントを /fonts フォルダーに配置するように構成しました

{test: /\.(eot|svg|ttf)$/, loader: "file?name=fonts/[name].[ext]?[hash]"}

私のsassはcssに変換され、以下のように/ cssフォルダーに抽出されます

と

問題は、ブラウザー同期を使用して Web ブラウザー経由で表示し、上記の 2 つのフォルダーが内部にある /dist フォルダーから提供すると、css が /css/fonts に移動してフォントをロードしようとすることです。誰でも助けることができますか？

フォルダーが次のように構成されているアプリがあります。

myapp.css特別なことは何もない、シンプルでプレーンな CSS です。それが機能しているかどうかを確認するためのスタイリングbodyです。そして私のwebpack.config.jsファイルにはこれがあります：

必要な css ファイルをindex.js次のように配置しました。

アセットの単語の前に ../ を追加するなど、すべての方法でロードを試みましたが、コンソールで次のエラーが表示され続けます。 Error: Cannot find module "assets/css/myapp.css"

私は二重チェックをしてcss-loaderおりstyle-loader、両方とも/node_modulesフォルダーにあります。

私は何を間違っていますか？数十のチュートリアルをチェックして 3 時間以上立ち往生しており、指定されたすべてを完了しました。助けてくれてありがとう！

webpack に奇妙な問題があります -適切なリンク (推測) が表示されないのに background-image

背景画像でシンプルに作成する必要があります。だから私のhtmlで私は持っています

そして私のscssファイル

私のwebpack構成

* http のような URL を指定すると、すべてうまくいきます

結果は次のとおりです。

1. webpack は、ディレクトリから /dist フォルダーにイメージを正常にコピーし、smt で 52ae92bfd5cdfa20dc2167de694b59e1.png のように名前を変更します

2. 私のdevtoolブラウザには正しい（願っています）URLがあります

   .logo-full { 背景画像: url(52ae92bfd5cdfa20dc2167de694b59e1.png); コンパイルされたすべてのファイルが /dist フォルダーに直接あるため

3. しかし、この画像は表示されませんが

scssファイルと同じ階層に画像を入れてみたり、'~'を使ってみたり。何が間違っているのかわかりません-助けてください:)

私はscssローダーを使用して、webpackを介してプロジェクトにscssファイルをロードしています。css以外はすべて正常に動作します。すべてのcssが形成されますが、コンポーネントから漏れます。つまり、同じcssクラスがコンポーネントの外部で宣言されている場合、コンポーネントの外部のものによってオーバーライドされます。webpackに、cssがインポートされたjavascriptクラスに限定され、グローバルに公開されないようにする構成があるかどうか教えてください。ありがとうサミール

アプリケーションのバンドルを生成するために webpack を使用しています。バンドルが生成されたら、次のタスクを実行する必要があります。

1. バンドル ファイルを開き、特定のパスの名前を変更します。Web サイトをセットアップする方法が原因で、作成したバンドル内のパスを変更せざるを得なくなりました。現在、パスを手動で変更しています。したがって、基本的には XXXX テキストを検索し、バンドル内の YYYY に置き換えるタスクを実行しようとしています。
2. キー/テキストの名前を変更した後、コンテンツを醜くしてファイルを縮小したいと考えています。

どのようなオプションがありますか。私はwebpackが初めてで、可能な解決策を探しています。