首先下载flexible.js和px2rem
npm install px2rem-loader
对webpack进行配置。进入build文件夹对utils.js中的postcssLoader做如下修改
const postcssLoader = {
loader: 'postcss-loader',
options: {
sourceMap: options.sourceMap,
plugins: function () {
return [
require('postcss-px2rem')({remUnit: 75})
]
}
}
}
然后在vue-loader.conf.js中的module.exports里添加
postcss: [
require('postcss-px2rem')({remUnit: 75})
]
remUnit后的数字为设计稿宽度的十分之一
之后在全局引入flexible.js,在main.js加入
import '../static/js/flexible.js';
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。