前端哥

vite配置postcss-autoprefixer,实现自动添加css属性前缀

2024-02-02发现vite对于postcss有两种不同的配置方式:1.内联配置 2.开发者使用postcss-load-config插件推荐的配置方法(vite内置了postcss-load-config插件)具体怎么配置可以看插件官网。首先去vite官网逛逛,因为autoprefixer属于postcss类,所以在官网的配置共享配置中找到关于css.postcss配置项。这里autoprefixer就采取默认配置了不单独配置了没啥用,具体配置去autoprefixer文档里看。最后测试成功自动加了前缀。_vite autoprefixer

https://www.qianduange.cn//article/1074.html 分类:前端知识

移动端适配rem方案、postcss-pxtorem css中二倍图,三倍图的使用

2024-02-01做移动端的适配我们就是要考虑,对于不同大小的手机屏幕,怎么动态改变页面布局中所有盒子的宽度高度、字体大小等。这个问题我们可以使用相对单位rem。那么什么是 rem?rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。设置html的 font-size 属性,rem 是根据它的大小来动态变化整个项目中使用 rem 单位的元素大小。_postcss-pxtorem的rootvalue根据设计稿宽度除以10进行设置

https://www.qianduange.cn//article/983.html 分类:前端知识

Module build failed (from ./node_modules/postcss-loader/src/index.js):

2024-01-31出现该错误是你可能没认真看官网的安装配置,可直接看该目录3,一个字一个字看先安装如果选择v1版本,建议使用npm下载,下面以v1版本为例,使用的是npm下载,导入uview时该文件也在node_modules文件夹里面,未移动。然后就是配置。_module build failed (from ./node_modules/postcss-loader/src/index.js):

https://www.qianduange.cn//article/885.html 分类:前端知识

VUE搭建云音乐播放器(App版本)

2024-01-26本项目使用vue2 vue-cli实现了一个简易的网易云音乐(App版本),实现了歌曲的首页推荐展示,歌曲的搜索,评论的展示以及歌曲的播放四个主要功能模块,主要用来练手,效果如下图所示:_yarn add babel-plugin-import postcss postcss-pxtorrem@5.1.1 -d yarn add v1.2

https://www.qianduange.cn//article/385.html 分类:前端知识

vue项目屏幕自适应(响应式布局)

2024-01-24自适应布局rem,媒体查询@media还有postcss-px-to-viewport_vue 响应式自适应布局

https://www.qianduange.cn//article/111.html 分类:前端知识

65条数据,当前7/7

最近搜索

会员中心 联系我 留言建议 回顶部