問題タブ [postcss]

postcssモジュールをローカルにインストールし、postcss-cliグローバルにインストールして使用するにはどうすればよいですか?

例えば：

このコマンドは、グローバルpostcss-cliにautoprefixerインストールされている場合、または両方がローカルにインストールされている場合に機能します。postcss-cliしかし、グローバルにインストールした場合とautoprefixerローカルにインストールした場合は機能しません。

autoprefixer はモジュールであるため、問題は autoprefixer に固有のものではありません。どんなアドバイスも役に立ちます。

これは、postcss-cliグローバルにインストールされ、autoprefixerローカルにインストールされている場合に発生するエラーです。

postcss docsによるとResult、CSS の文字列に対して ( を使用して) プラグインを実行するのと同じ方法で、postcss オブジェクトに対してプラグインを実行できるはずProcessor.processです。

残念ながら、これはうまくいかないようです。この「バグ」については、こちらで説明しました(便宜上、以下のコードもコピーしました)。そのリンクをクリックしてブラウザのコンソールを開き、[コードを実行] をクリックしてテストを実行するだけです。

私の質問は次のとおりです。これは機能しないため、postcssResultオブジェクトに対して直接 postcss プラグインを実行するにはどうすればよいですか?

問題を示すテスト コード

まず、postcss、プラグイン、およびテスト ハーネスが必要です

次に、いくつかの入力 css と、プラグインの実行から期待される出力を定義します

そして今、テスト自体:

1: 通常の使用、プラグインが期待どおりに動作することを証明

このテストは合格します:

Result2: ドキュメントで定義されているメソッドを使用して、プラグインをオブジェクトに直接適用します

このテストは失敗します:

3: 別の試み、手動でプラグイン機能を実行

このテストも失敗します。

postcss-cssnextを使用しており、webpack.config で autoprefixer を削除しました

cssnextが含まれています。cssnext にはすでに autoprefixer が含まれているため、両方を含める必要はありません。browserslistを cssnextに渡す方法を知りたいのですが。これは私が現在持っているものです：

stylelintとstylelint-selector-bem-patternプラグインを使用して BEM スタイルをリントしようとしていますが、うまくいきません。

私の設定は次のとおりです。

• ノード: 5.11.0
• gulp-stylelint: ^2.0.2
• stylelint-selector-bem-pattern: ^0.2.3

.stylelintrc

そしてテスト用のCSSファイル

@alienlebarge/stylelint-configプラグインからではなく、プラグインからエラー メッセージが表示されますstylelint-selector-bem-pattern

PostCSSレスポンシブタイプのプラグインを使用しており、生成されたコードは次のとおりです。

http://codepen.io/umbriel/pen/WwLBxQ

Firefox、Chrome、およびおそらく他の最新のブラウザーで正常に動作します。しかしVersion 9.0.3、私がリンクした Codepen で証明されているように、safari は完全に失敗します。

これがなぜなのか、誰にも考えがありますか？

編集：犯人を見つけた可能性があります.vwとcalcを組み合わせたことが、私が試した問題のようです。それを機能させる方法はありますか？

app.scss ファイルに複数の scss ファイルをインポートしようとしていますが、gulp でエラーがスローされます。

gulpfile.js

ディレクトリ構造:

そしてgulpはこのエラーをスローしています: