問題タブ [postcss]

私はしばらくgulpを使用しており、別のノードモジュールをインポートする方法を知っています。

それは問題ありませんが、別のファイルに移動して「必要」にしたいコードで私の gulpfile がいっぱいになっています。具体的には、gulpfile 内の関数として宣言されたときに既に動作している postcss プラグインを作成しています。私の質問は、関数を外部ファイルに入れ、ノード モジュールのようにそれを要求する方法です。必要なファイルの関数を「エクスポート」する必要がありますか? ES6 モジュールなどを使用する必要がありますか?

余談ですが、これを行っていた場合、おそらく(A)これを適切なノードモジュールに変換してプライベートNPMリポジトリに配置するか、それは不要に思われるか、(B)適切なgulpに変換するかのいずれかであることに気付きましたプラグインですが、それには gulp プラグインの作成方法とストリームなどについて学ぶ必要があります。これらはどちらもおそらく優れていますが、時間がかかるため、今のところ関数をシンプルでローカルに保つことにしました。

node アプリケーションで autoprefixer を使用して css をコンパイルしたいと考えています。私の特定のニーズのために、コールバックや約束なしで autoprefixer を呼び出したいです。

ただのプレーン:

また

私はしばらくこれと戦っています。助けてください。

ありがとうございました

ps: 私はすでに postcss-js を試しましたが、純粋な css ではなく、反応するための json オブジェクトが生成されます。例: {borderRadius:"5px"}

最終出力 css ファイルで postcss を実行する方法を見つけようとしています。

私の現在の構成は、依存するすべての SASS をコンパイルし、それと静的 CSS インポートを取得し、ExtractTextPlugin を使用してそれらを抽出するのにうまく機能します。

また、CSS のチャンクに対して POSTCSS 最適化を実行できますが、最終製品では実行できないようです。これは、重複する CSS ルールを取り除くことができないことを意味します。

sass-loader と extractTextPlugin が魔法のように機能した後、最終状態の CSS ファイルで POSTCSS を実行するにはどうすればよいですか?

.scss ファイルで stylelint を使用して postcss-scss を使用しており、すべての変数がプロジェクト全体で同じ命名規則に従うようにルールを適用する方法を見つけようとしています。

変数名のフォーマットまたはパターン (すなわち正規表現) を指定する方法はありますか? セレクターのhttps://github.com/davidtheclark/stylelint-selector-bem-patternは認識していますが、変数名については何も見つかりませんでした。

https://github.com/sasstools/sass-lint/pull/257の行に沿って何かを考えていますが、それは stylelint ルールと互換性があります。

たとえば、変数名を常にキャメルケースにしたい場合があります。その場合は次のようになります。

タイトルがすべてを物語っています。私のpostcssタスクは次のとおりです。

現在、style-human という名前の別の css ファイルがあり、これにもプレフィックスを付けたいと考えています。ただし、タスクは style.css ファイル (縮小版) のプレフィックスのみを付けます。

autoprefixer、lost、postcssflexibilityでwebpack?を使用する順序を知りたいです。

Brunch でSugarSS パーサーを使い始めるにはどうすればよいですか?

pluginsこれが私の現在の設定の一部です：

そして私のpackage.json：