問題タブ [postcss-import]
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.
reactjs - PostCSS/CSSNext を使用して @import が適用されない
Webpack 4 で React を使用していますindex.css
。
ただし、インポートは適用されていないようです。Webpack は、エラー メッセージや警告をスローしません。
たとえば、BassCSS クラスred
はヘッダー テキストを赤くしません。
私のindex.css
index.jsにインポートされます:
インポートをコメントアウトし、次のred
ように手動でクラスを定義すると、ヘッダー テキストが赤くなります。
を使用して、CSS ファイルの、 、およびwebpack
を構成しました。style-loader
css-loader
postcss-loader
これは私postcss.config.js
のように見える方法です:
そして最後に、 my からの私の依存関係package.json
:
css - :hover および :focus の PostCSS を使用したネストされた構文
TailwindCSS と PostCSS を使用しており、次の CSS コードがあります。
PostCSS (またはプラグインを使用) で、このコードを以下のように記述するネイティブな方法はありますか?