介绍postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 remlib-flexible 用于设置 rem 基准值 1、安装lib-flexible(用于设置 rem 基准值) 2、在main.js文件中引入lib-flexible 3、安装postcss-pxtorem( ...
分类:
移动开发 时间:
2019-12-23 16:40:40
阅读次数:
428
vuecli3使用postcss-px2rem适配字体,mint-ui中的字体也会收到影响 postcss-px2rem没有排除功能,可以使用postcss-px2rem-exclude,在postcss-px2rem的基础上增加了the exclude folder option。 根据githu ...
分类:
Web程序 时间:
2019-12-10 10:27:01
阅读次数:
279
flexible + 主要是用来响应式改变根元素的字体大小 + 安装命令 + 在main.js里面导入命令 要把index.html里面的``标签删除;因为会自动添加 postcss plugin px2rem配置内容解释 + 安装命令 + 创建一个名为vue.config.js的文件写入 ...
分类:
移动开发 时间:
2019-12-09 13:47:06
阅读次数:
238
先看一下项目的目录结构,和之前的cli有比较大的差别,精简了很多 具体这个文档怎么修改项目配置可以参照文档 其中main.js还是项目的初始化js postcss.config这个插件会根据.browserslistrc下面的配置决定给那些版本浏览器加前缀 .editorconfig 配置了esli ...
分类:
其他好文 时间:
2019-11-28 13:33:09
阅读次数:
132
一、构建 Vue有自己的脚手架构建工具vue-cli,使用起来非常方便,使用webpack来集成各种开发便捷工具,比如: Hot-reload Vue的热更新,修改代码之后无需手动刷新网页,对前端开发来说非常方便 PostCss,再也不用去管兼容性的问题了,只针对chrome这样的现代浏览器写css ...
分类:
移动开发 时间:
2019-11-23 23:44:16
阅读次数:
171
在style标签设置scoped属性,可以使组件之间的样式不互相污染,达到样式私有模块化的目的。 接下来,我们分别从原理、优缺点、解法来认识下 原理: style标签设置scoped属性,经过PostCSS转译后,在DOM结构以及css样式上加唯一的标记:data-v-hash属性,意味着CSS样式 ...
分类:
其他好文 时间:
2019-11-17 20:49:28
阅读次数:
90
vue 2.0 配置 rem 首先先安装postcss-px2rem (百度可以) https://www.jianshu.com/p/e6476bbc2131 npm install postcss-px2rem 找到文件 build / vue-loader.config.js 添加 const ...
分类:
其他好文 时间:
2019-11-08 21:23:04
阅读次数:
178
npm run build报错 No PostCSS Config found in ...
分类:
Web程序 时间:
2019-11-07 15:08:50
阅读次数:
93
因为某些奇奇怪怪的原因,导致必须学习VUE。 在这几天的学习中,碰到了大大小小的坑,也都解决了。 但是就在今天,我翻遍了网上的博客等(都是搬运工) 都没找到解决方法,所以自己找到了解决方法 在引入element-ul的时候一直报如下错误 No PostCSS Config found in: /ho ...
分类:
其他好文 时间:
2019-11-07 13:01:25
阅读次数:
125
然后再,安装postcss-px2rem插件 在package.json中配置 ...
分类:
其他好文 时间:
2019-10-30 00:06:51
阅读次数:
374