使用vue框架写pc页面时,我们经常会用到element-ui这个框架。 当我们把需要的东西都装在好运行项目的时候,有时会出现这样的错误: 这是因为缺少了一个配置文件,postcss.config.js,配置内容如下 module.exports = { plugins: { 'autoprefix ...
分类:
Web程序 时间:
2018-10-24 17:47:45
阅读次数:
582
最近在学习vant ui库的时候,发现官网对定制主题的内容讲的不是很详细。 对相当瑜小白的我在学习过程中造成了很大的困扰。翻阅了很多资料,发现网上对这个介绍描述的很少。决定写下这篇文章 先看一下官网上的说明: 先让我们使用postcss-theme-variables这个插件,但并没又说具体要怎么使 ...
分类:
其他好文 时间:
2018-10-11 12:58:01
阅读次数:
1346
要想移动端适配 并使用 rem 您需要先看这篇文章,配置好less ?? 在vue 中使用 less,就可以使用rem了 如果项目已经开发的差不多了,没有用到rem 又要使用rem,您用这招。 postcss-pxtorem:转换px为rem的插件 安装 postcss-pxtorem 新建rem. ...
分类:
移动开发 时间:
2018-09-25 23:28:10
阅读次数:
548
PostCSS 基本插件 "postcss import" "postcss url" "autoprefixer" vue cli 脚手架已经默认安装了 PostCSS 其他插件 安装其他插件 安装成功之后会 会有显示 .postcssrc.js 文件设置 脚手架原有的三个配置项需要注释 ,理由是 ...
分类:
其他好文 时间:
2018-09-25 01:17:33
阅读次数:
1592
1.Scoped CSS 当 <style> 标签有 scoped 属性时,相当于在元素中添加了一个唯一属性用来区分。 它通过使用 PostCSS 来实现以下转换,转换结果: 2.CSS Modules 通过给样式名加hash字符串后缀的方式,实现特定作用域语境中的样式编译后的样式在全局唯一。 使用 ...
分类:
Web程序 时间:
2018-09-02 12:55:29
阅读次数:
276
需要安装依赖包 在main.js 引入 lib-flexible postcss-pxtorem 在.postcssrc.js 文件中添加 "postcss-pxtorem": { "rootValue": 75, // 对根元素大小进行设置 "unitPrecision": 5, // 转换成re ...
分类:
其他好文 时间:
2018-08-16 16:35:30
阅读次数:
274
一:PostCss是什么? PostCss是一个样式处理工具,它通过自定义的插件和工具生态体系来重新定义css。它鼓励开发者使用规范的css原生语法编写代码,然后配置编译器转换需要兼容的浏览器版本,最后通过编译将源码转换为目标浏览器可用的css代码。 它和stylus的不同之处是它可以通过插件机制灵 ...
分类:
Web程序 时间:
2018-08-15 00:39:20
阅读次数:
240
`create-react-app` 脚手架还没有更新到webpack4,但是猛然间发现webpack4已经到 **v4.12.0** 版本了!!!慌得不行,正好端午有空所以研究了一波,自己搭建了一个简单的react脚手架。实现本地代理,cssModule,css预处理,postCss,文件压缩等常... ...
分类:
Web程序 时间:
2018-08-12 18:45:59
阅读次数:
267
自动添加浏览器前缀 ,我们这里使用postcss-loader 首先 cnpm install --save-dev postcss-loader autoprefixer 我这里用的cnpm ,npm也可以下载 接下来是配置 在网上查了相关文档发现需要新建一个 postcss.config.js ...
分类:
Web程序 时间:
2018-07-20 18:07:43
阅读次数:
347
安装postcss loader 配置webpack.config.js 一种办法是配置 第二张办法是webpack.config.js使用 ...
分类:
Web程序 时间:
2018-07-20 01:13:11
阅读次数:
161