Vue Cli中使用PostCSS來進行CSS的預處理。PostCSS是一種使用JavaScript插件來轉換CSS的工具。使用PostCSS可以讓我們在CSS中使用新特性、語法和插件,并自動通過兼容性轉換讓其在所有瀏覽器中運行。
在Vue Cli中可以通過添加postcss.config.js文件進行配置。在該文件中我們需要聲明需要使用的具體插件和其相關選項。
// postcss.config.js
module.exports = {
plugins: {
'autoprefixer': { // 自動補全CSS3前綴
'browsers': ['>1%', 'last 2 versions', 'not ie<= 8']
},
'postcss-pxtorem': { // 將px單位轉換為rem單位
'rootValue': 75,
'propList': ['*']
}
}
}
通過配置文件中使用的兩個插件可以看到,PostCSS提供了豐富的插件和擴展,可以用于解決各種CSS相關的問題。例如,autoprefixer插件可以自動在CSS中添加瀏覽器前綴,而postcss-pxtorem插件可以自動將px單位轉換為rem單位,以適應不同終端大小的屏幕。
下一篇vue實現動態時間