博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue cli3
阅读量:4579 次
发布时间:2019-06-09

本文共 800 字,大约阅读时间需要 2 分钟。

1:px2rem 使用方式  npm i postcss-pxtorem --save-dev  创建一个rem.js  src/assets  内容如下// 基准大小const baseSize = 32    // 设置 rem 函数function setRem() {    // 当前页面宽度相对于 750 宽的缩放比例,可根据自己需要修改。    const scale = document.documentElement.clientWidth / 750        // 设置页面根节点字体大小    document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px'}// 初始化setRem()    // 改变窗口大小时重新设置 remwindow.onresize = function() {    setRem()}在main.js 引入刚才的脚本项目根目录新建一个vue.config.js 添加内容
module.exports = {
lintOnSave: true,
css: {
loaderOptions: {
postcss: {
plugins: [
require('postcss-pxtorem')({
rootValue: 32,
remUnit: 32,
propList: ['*'],
selectorBlackList: ['vux-']
})
]
}
}
}
}

  

1;安装vue cli3/ 创建项目npm install -g @vue/clivue create my-project2:根目录新建 vue.config.js

  

转载于:https://www.cnblogs.com/lgjc/p/10825648.html

你可能感兴趣的文章
[USACO07DEC]Sightseeing Cows
查看>>
什么是网站CDN服务,CDN加速原理?
查看>>
内存泄漏以及常见的解决方法
查看>>
解决itunesconnect无法訪问
查看>>
Java使用OkHttps工具类调用外部接口
查看>>
Linux VIM python 自动补全插件:pydiction
查看>>
爬楼梯
查看>>
【18】AngularJS 包含
查看>>
spring 事务
查看>>
生产者和消费者
查看>>
专题-HTTP
查看>>
洛谷 P3366 【模板】最小生成树
查看>>
VUEX报 “was assigned to but it has no setter”
查看>>
ios 不支持-,-时间。
查看>>
AntDesign vue学习笔记(二)axios使用
查看>>
关于Altera LVDS 经验分享
查看>>
英语学习
查看>>
log4net的使用
查看>>
2016 pku campus J/OpenJ_POJ - C16J (思维)
查看>>
数据库知识点滴积累
查看>>