注意postcss-px2rem与vue的版本
1.安装插件
npm i lib-flexible-computer -S //根节点会根据页面视口变化而变化font-size大小
npm i px2rem-loader -D//自动将px转换为rem
npm i postcss-px2rem//将代码中px自动转化成对应的rem的一个插件
2.main.js引入
import "lib-flexible-computer";
3.在src同级下建立一个vue.config.js文件
module.exports = {
publicPath: "./",
outputDir: "dist",
lintOnSave: true,
css: {
loaderOptions: {
css: {},
postcss: {
plugins: [
require("postcss-px2rem")({
remUnit: 192///设计图宽度/10
})
]
}
}
}
};
4.成功的版本