在使用postcss-px-to-viewport这个组件时,发现了postcss.config.js中的配置总不生效,但是在vue.config.js中的配置却能生效,最后查明原因,是因为package.json中的postcss节点配置是一个空“{}”。 所以总结了下面的一个优先级的分布情况: ...
分类:
Web程序 时间:
2020-03-30 16:02:49
阅读次数:
85
首先需要安装postcss-plugin-px2rem npm install --save-dev postcss-plugin-px2rem //package.json var px2rem = require('postcss-px2rem'); module.exports = { mod ...
分类:
Web程序 时间:
2020-03-30 11:17:48
阅读次数:
448
安装scss所需要的依赖: npm install css-loader node-sass postcss-loader sass-loader style-loader --save -dev 在assets文件夹下创建一个scss的入口文件,比如是main.scss,里面写上自己的自定义样式 ...
分类:
Web程序 时间:
2020-03-21 17:58:58
阅读次数:
418
在该链接中下载vant-weapp/dist文件夹下的所有文件 https://github.com/dcloudio/uni-app/tree/master/examples/wxcomponents-template/wxcomponents 覆盖从官网下载的vant文件夹中的dist文件夹内的 ...
分类:
移动开发 时间:
2020-03-15 11:26:56
阅读次数:
350
直接抄 "postcss css reset" 代码吧。 pc mobile ...
分类:
Web程序 时间:
2020-03-14 18:31:04
阅读次数:
63
链接:https://www.jianshu.com/p/a87e48052fad来源:简书 不同浏览器兼容性问题解决:添加浏览器前缀:-webkit- 实际工作:安装插件postCss插件 -》不需要手动加前缀 父级身上的属性: display: flex; justify-content: 子元 ...
分类:
其他好文 时间:
2020-03-12 12:41:19
阅读次数:
65
有时候我们为了前端页面可以匹配不同分辨率的屏幕,会使用rem来对页面进行布局,无论基础px值设置得多么好计算,在写rem数值的时候,都需要对设计图原始的px值进行一番换算。 有没有工具可以辅助我们自动进行计算,我只要写px值就好了呢?当然是有的,编辑器其实就可以配置插件来对数值进行换算。但是有时候, ...
分类:
Web程序 时间:
2020-03-02 20:24:20
阅读次数:
258
一般我们做vue移动端项目使用的长度单位是rem、em,需要根据设计稿宽度进行计算,而这个插件可以配置相应属性直接按照原始设计稿长度进行构建,不需要繁琐的单位换算。 安装: npm install postcss-px-to-viewport --save 安装完成后在vue根目录下找到".post ...
分类:
移动开发 时间:
2020-02-23 23:57:47
阅读次数:
245
源文件链接: https://www.cnblogs.com/taohuaya/p/10274993.html 如何在vue-cli3.0中使用postcss-plugin-px2rem 插件 插件的作用是 自动将vue项目中的px转换为rem 。 为什么这三个中要推荐 postcss-plugin ...
分类:
Web程序 时间:
2020-02-08 13:39:15
阅读次数:
112
更多gulp常用插件使用请访问: "gulp常用插件汇总" gulp postcss 这是一款通过多个插件通过管道传递CSS,但是仅解析一次CSS。 "更多使用文档请点击访问gulp postcss工具官网" 。 安装 一键安装不多解释 使用 单独安装所需的 "postcss插件" 。例如,对于 " ...
分类:
Web程序 时间:
2020-01-13 18:20:48
阅读次数:
103