vue 項目中px轉rem轉換問題(postcss-px2rem)

一、安裝postcss-px2remcss

    npm install postcss-px2rem --savevue

    npm install postcss-px2rem --savenpm

二、配置px2rempost

  在配置文件build目錄下vue-loader.conf.js中增長ui

module.exports = {
loaders: utils.cssLoaders({
sourceMap: isProduction
? config.build.productionSourceMap
: config.dev.cssSourceMap,
extract: isProduction
}),
postcss: [

require('postcss-px2rem')({'remUnit':75}) //75轉換比值
]
}
三、運行項目大功告成
相關文章
相關標籤/搜索