webpack의 autoprefixer에 대한 CSS 그리드 지원

Question

프로젝트에 대해 autocrefixer와 postcss 및 webpack을 사용하고 있습니다. CSS 그리드도 사용하고 있습니다. 그러나, 나는 내가 CSS를 그리드에 대한 ms 접두사가 작동하지 않습니다 내 코드를 빌드 나타났습니다.

여기 내 flexcbox 같은 것들을 위해 일하는 내 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을 썼다 구형 스펙 및 구현의 기능은 새로운 것과 매우 다릅니다. 즉, 단순히 자동 프리 픽자를 실행하고 작업이 완료된 것으로 간주 할 수 없습니다.