問題タブ [postcss-loader]
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.
webpack - postcss-sprites を使用する場合、Webpack はすべての画像を 1 つのスプライトに結合しません。
postcss-loader と postcss-sprites を使用してすべての画像をスプライトに結合しますが、不明な理由で失敗します。
これは私のプロジェクト構造です:
これは私のindex.js
ファイルです:
これは私のindex.css
ファイルです:
これは私のwebpack構成です:
出力 css ファイルはまだ元の画像を使用しており、バンドル内にスプライト画像が見つかりません。
postcss - webpack dev サーバー postcss-loader コンパイル エラーを使用すると: TypeError: 未定義のプロパティ 'unprefixed' を読み取ることができません
私のパッケージの postcss バージョンは ^8 です
私のpostcss-loaderのバージョンは4.3.0です
webpack エラー ログは次のとおりです: ERROR ./node_modules/map-ui/lib/css/index.css モジュールのビルドに失敗しました (./node_modules/mini-css-extract-plugin/dist/loader.js から): ModuleBuildError: モジュールのビルドに失敗しました(./node_modules/postcss-loader/dist/cjs.js から): TypeError: Cannot read property 'unprefixed' of undefined at /Users/zhaoxuan/Desktop/Geek+Work/RMS-fe/node_modules/map-ui/lib /css/index.css:1:21