postcss

2022-06-23 20:03:15 字數 941 閱讀 8402

1.使用can i use中的值為css規則新增**商字首。

autoprefixer

將使用基於當前瀏覽器流行度和屬性支援的資料為您應用字首。

2.postcss preset env

允許您將現代css轉換為大多數瀏覽器可以理解的內容,使用

cssdb

根據目標瀏覽器或執行時環境確定所需的

polyfill

。3.css模組

意味著你永遠不必擔心你的名字過於通用,只需使用最有意義的東西。

4.使用

stylelint

(現代css 

linter)實現

一致的約定並避免樣式表中的錯誤

。它支援最新的css語法,以及類似css的語法,例如scss。

usepostcss-loaderinwebpack.config.js:

module.exports = ,},]

}]

}}

then createpostcss.config.js:

module.exports = 

for other environments, you can use the js api:

const autoprefixer = require('autoprefixer')

const postcss = require('postcss')

const precss = require('precss')

const fs = require('fs')

postcss([precss, autoprefixer])

.then(result =>

})})

webpack4 postcss loader

問題 postcss config js是公用的配置,postcss loader官網示例,只要你配置了postcss loader,它就會預設載入專案根目錄下的postcss config js檔案,所以如果postcss config js名字不變,路徑位置不變,是可以不必再在配置中寫入它的路徑...

postcss配置檔案優先順序的問題

在使用postcss px to viewport這個元件時,發現了postcss config js中的配置總不生效,但是在vue con...