1.下載并引入lib-flexible
cnpm install --save lib-flexible
or
yarn add lib-flexible --save
//main.js
import 'lib-flexible/flexible'
2.安裝px2rem-loader
cnpm install --save px2rem-loader
or
yarn add px2rem-loader --save
3.將px2rem-loader添加到cssLoaders
//build/util.js
....
const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 75//這個是重點艇挨,設計稿是750px,設計稿尺寸/10
}
}
...
const loaders = [cssLoader,px2remLoader]
然后就可以直接用px做單位按照750的設計稿擼代碼了韭赘,會自動轉換為rem