問題タブ [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 - カスタム Tailwind 構成ファイルを postcss ローダーに渡す
私のプロジェクトでは、2 つの tailwind ファイルを生成したいと考えています。
- フロントエンド ファイル、プレフィックスなし
- 管理ファイル、すべてのクラスにプレフィックスが付きます
2 つの構成ファイルを追加しました。
- tailwind.config.js
- tailwind.admin.config.js
内部tailwind.admin.config.jsにプロパティを追加しました：
prefix: 'tw-',
問題は webpack にあります。ルール内で代替構成を指定できません。私が何をしても、常にtailwind.config.jsファイルを使用します。
amdin ファイルの webpack ルールは次のとおりです。
形式require('tailwindcss')('./tailwind.admin.config.js'),は、構成ファイルを指定するために私が見た唯一のものですが、内部では機能していませんpostcss-loader。代わりに常にデフォルトのファイルを使用します。
webpack 内で使用する正確な tailwind 構成を指定するにはどうすればよいですか?
css - 複数のデフォルト値を持つ CSS 変数の calc() で CSS 解析エラーを投稿する
Post CSS を使用して Nuxt.JS プロジェクトを実行していますが、プロジェクトの静的バージョンの生成中に次のエラーが発生します。
失敗する CSS スニペット(ただし、W3C CSS Validator によると正しいマークアップ) は次のようになります。
奇妙なことに、3 番目のフォールバックを追加した後に失敗し始めます。ドキュメントのさらに上にあるこのスニペットが正しく解析されるためです。
何か助けはありますか？ありがとう！
css - postcss-loader で CSS をインポートする
一部の CSS を共有する個人用ライブラリを使用しています。postcss-loader もありますが、私のライブラリには次のコードがあります。
私は他の問題からこの問題を受け取ります: