webpackのautoprefixerのCSSグリッドサポート

Question

私はプロジェクトのためにpostcssとwebpackでautoprefixerを使用しています。 CSSグリッドも使用しています。しかし、私は私のコードを構築するときに気づいたが、msグリッドの接頭辞は機能しません。

私のpostcss.config.jsはフレックスボックスなどのために働いています。

CSSグリッドサポートを有効にするにはどうすればよいですか？

module.exports = { 
    plugins: [ 
    require('autoprefixer') 
    ] 
} 

Answer 1

デフォルトでは、autoprefixerはグリッドプロパティのプレフィックスを設定しません。

...

グリッド：IE用グリッドレイアウトプレフィックスを可能にする真の

は autoprefixer documentation:

Autoprefixerが オプションで有効または無効にすることができる4つの特徴を持って参照してください。

のようなものになりますoptionsを設定するための構文：

人気のツール：

const autoprefixer = require('autoprefixer'); 
const plugin = autoprefixer({ grid: true }); 
module.exports = { plugins: [ plugin ] } 

言われていること

---

、MDNこれは、グリッドのプロパティのためにautoprefixerについて述べているが新しいグリッドを使用するときに、autoprefixerが-ms- グリッドバージョンをサポートするように更新されましたネクタイ。あなたのレイアウト が非常に単純な行ベースの配置でない限り、これはより多くの 問題を解決する原因になります。私はautoprefixerにグリッドプロパティーの を実行させ、代わりにグリッドレイアウトのIEバージョン を使ってバージョンを書くことをお勧めします。

さらに、レイチェルアンドリューはその記事では、このトピックに

をa thorough postを書いた彼女は、次のノート：

...同様の特性が 仕様の2つのバージョンが存在する場合であっても、より古い仕様と実装の能力 は新しいものと非常に異なっています。つまり、単に オートプレフィクサーを実行して、ジョブが完了したとみなすことはできません。