900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > vue-cli4 移动端以及PC端的自适应适配

vue-cli4 移动端以及PC端的自适应适配

时间:2019-04-08 14:11:53

相关推荐

vue-cli4 移动端以及PC端的自适应适配

首先安装插件

npm install amfe-flexible postcss-px2rem -S

main.ts中进行引入

import "amfe-flexible";

在项目根目录创建vue.config.js文件,并完成以下配置:remUnit请根据实际项目中的设计稿宽度进行设置

module.exports = {css: {loaderOptions: {postcss: {plugins: [// 设计稿宽度的1/10,一般为75,设计稿为750require('postcss-px2rem')({remUnit: 75}),]}}}}

最后,推一下我的个人空白开源项目,开箱即用,打包配置优化以及基本的项目结构,常用的路由守卫,axios拦截器,以及过滤器,typescript使用,首屏loading加载效果等都已配置/Jack-Star-T/Vue2.6.10-typescript

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。