問題タブ [extracttextwebpackplugin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
sass - WebPack + SASS:相対イメージパスを生成するには?
contextPath を追加するために、プロキシ (proxyPass) として機能する Apache vhost の背後に Web アプリケーションをセットアップしようとしています。もちろん、仮想ホストだけがこの contextPath を知っている必要があります。
ロードされていない背景画像を除いて、すべて問題ありません。理由は簡単です:
SASS 画像の URL は絶対であり、contextPath は含まれません。
最終的な CSS で生成された URL が相対 URL である場合、画像は正しく読み込まれるはずです。
相対パスを生成するためにSASS / Webpackを使用する方法は？
ノート：
SASS ファイルで使用する絶対パスまたは相対パスが何であれ、最終出力は常に絶対パスです。私は現在使用しています：
- ウェブパック 3
- ノードサス 4.5.3
- sass-loader 6.0.6
- 抽出テキスト webpack プラグイン 3.0.0
私はファイルローダーを使用せず（私も試しましたが何も変更しませんでした）、すべての画像をdistディレクトリにコピーするだけです。
css - js バンドルから css を削除するには?
js と css を同じフォルダーに保持する React コンポーネントを作成したい (コンポーネントごとに):
- ダイアログ
- Container.jsx
- プレゼンテーション.jsx
- スタイル.レス
これが私のwebpack構成の一部です：
Webpack はbundle.js+個のbundle.cssファイルを作成します。一瞬を除いて、期待どおりに機能すると思います。bundle.jsからのcssが含まれていることがわかりましたbundle.css。
たとえば、 のサイズbundle.cssが 50KB の場合、bundle.js= 自身のサイズ + 50KB です。
js バンドルに重複した css コードは必要ありません。それで、それを修正する方法は？
webpack - Webpack 抽出テキスト プラグイン - スタイルシート タグの位置の選択
extract-text-webpack-pluginWebpack 3でスタイルシート タグを正しい場所に配置するのに問題があります。
私のプロジェクトでは、CDN から取得したサードパーティのスタイルシートと、ローカルのスタイルシート バンドルを使用しています。サードパーティのスタイルでローカル バンドルをオーバーライドしたいのですが、抽出テキスト プラグインはローカル スタイル タグを最後に配置します。これは問題です。ローカル バンドルには、サードパーティ コンポーネントを壊すリセットが含まれているからです。
私の index.html テンプレートは次のようになります (言い換え):
結果のマークアップは次のとおりです。
extract-text-webpack-pluginとのドキュメントを検索しましたhtml-webpack-pluginが、何も得られませんでした。ローカル スタイルをサードパーティ スタイルでオーバーライドする方法を知っている人はいますか?
もう少し背景として、私の CSS 構成は次のようになります。
HtmlWebpackPlugin も使用しています。