#PostCSS

postcss-pxtorem

  在vue项目中,使用rem进行布局,如果自己一个一个写样式会很麻烦,接下来介绍这种开发方式,配置rem,即可用px来开发,会自动帮我们转成rem   在public文件中,我们要引入rem.js的插件  然后在项目的根目录下创建 postcss.config.js文件,这样配置一下  module.exp...
代码星球 ·2021-02-12

将px转成vw 缩放插件:postcss-px-to-viewport

首先还是进行安装:npminstallpostcss-px-to-viewport--save-dev安装完成之后.我们需要去更改一个js文件==========> postcss.config.js文件如果没有该文件,就自己手动创建一个吧,跟创建vue.config.js一样的在这个文件中: ...
代码星球 ·2021-02-02

postcss简介

https://github.com/postcss/postcss/blob/master/README-cn.mdPostCSS是一个允许使用JS插件转换样式的工具。这些插件可以检查(lint)你的CSS,支持CSSVariables和Mixins,编译尚未被浏览器广泛支持的先进的CSS语法,内联图片,以及其它很多...
代码星球 ·2020-08-07

vue-cli3.0 使用postcss-plugin-px2rem(推荐)和 postcss-pxtorem(postcss-px2rem)自动转换px为rem 的配置方法;

如何在vue-cli3.0中使用postcss-plugin-px2rem 插件插件的作用是 自动将vue项目中的px转换为rem。为什么这三个中要推荐 postcss-plugin-px2rem呢?  因为 postcss-plugin-px2rem 这个插件&nbs...

PostCSS理解与运用

 1、PostCSS是什么它可以被理解为一个平台,可以让一些插件在上面跑它提供了一个解析器,可以将CSS解析成抽象语法树通过PostCSS这个平台,我们能够开发一些插件,来处理CSS。热门插件如autoprefixer安装npminstall-gpostcss-cli//全局安装postcssnpminsta...
代码星球 ·2020-07-14