PostCSS 第21页

前端适配之vw兼容方案（Vue版支持设备的等比自动缩放）

第一步：用vue-cli快速构建出一个项目通过脚手架生成的项目应该是如下结构：第二步：安装插件为了实现vw兼容方案，我们需要安装如下插件：postcss-import相关配置主要功有是

半夏微蓝·2020-09-14 11:16

mpvue之移动端适配解决方案postcss-px-to-viewport

文档postcss-px-to-viewport文档安装npminstallpostcss-px-to-viewport--save-dev引入module.exports={plugins:{autoprefixer

oKven_·2020-09-14 11:13

vue-cli3 配置 postcss-pxtorem

1.首先安装依赖（已配置postcss）yarnadd或者npminstallpostcss-pxtorem2.更改package.json"postcss":{"plugins":{"autoprefixer

凌霄1993·2020-09-14 09:48

如何vue-cli2.x以及vue-cli3.x中怎么使用postcss

使用vue-cli脚手架新建了一个以webpack模版的项目，想在单组件的项目中使用postcss书写css。

凌霄1993·2020-09-14 09:47

Vue项目文件代码介绍

package-lock.json=>package的一个锁文件，确定安装的第三方模块的版本package.json=>第三方模块依赖LICENSE=>开源协议的说明index.html=>项目默认的首页模板文件postcssrc.js

zhangvalue·2020-09-14 08:01

webpack 打包成相对路径 css url路径问题

postcss-loader',{publicPath:'../'})}在loader给它配置单独的publicPath

疯狂的亮坨坨·2020-09-14 02:28

一文带你了解初学者应该知道的关于Sass的一切

PickaCSSpre-processor(PostCSS,AutoprefixerandCSSModulesaresupportedbydefault):(Usearrowkeys)>Sass/SCSS

eswang·2020-09-13 23:24

webpack插件

cssstyle-loader将CSS添加到DOM的内联样式标签style里css-loader将CSS文件通过require的方式引入less–loader处理lesssass-loader处理sasspostcss-loaderpostcss-preset-envcss

姑苏云梦·2020-09-13 20:23

Vue 屏幕适配 postcss-pxtorem

1、安装依赖npminstallpostcss-pxtorem-D2、在根目录创建postcss.config.js文件module.exports={plugins:{autoprefixer:{},

G-·2020-09-13 08:34

图片连接处出现白线

因为我们的项目是用postcss-px-t

風缘·2020-09-13 01:00

(./node_modules/[email protected]@css-loader/dist/cjs.js!./node_modules/[email protected]@vue-loade

{test:/\.stylus$/,use:['vue-style-loader','css-loader','stylus-loader',//这个放到最后就没有上面的错误了{loader:'postcss-loader

seamull·2020-09-13 00:58

【vue】webapp移动端模板

先说下这套模板的项目配置，主要使用vw适配移动端webpack+vue+vue-router+axios+mint-ui+sass+postcss+normalize.css具体依赖懒得打字了，直接贴pacage.json

_我爱搬砖·2020-09-12 23:45

webpack.dev.conf.js文件

constdevWebpackConfig=merge(baseWebpackConfig,{module:{rules:utils.styleLoaders({sourceMap:config.dev.cssSourceMap,usePostCSS

我家小薇薇·2020-09-12 23:42

vue(13)-Vue中的scoped和scoped穿透

2.scoped的实现原理Vue中的scoped属性的效果主要是通过PostCss实现的。以下是转译前的代码:.ex

^果然好^·2020-09-12 21:37

vue-cli3.0 结合postcss-pxtorem和lib-flexible实现移动端适配

基于vue做了一个移动端的项目，同时引入的了第三方组件库（有赞vant）。当时选择用rem件来做适配。其他内容可以正常显示，但是引起了第三方插件内容变小的问题。现将解决方法整理出来。原因第三方组件库变小的原因主要是因为第三方组件库已经做了适配，依据的data-dpr="1"时写的。而引入插件进行rem适配时，data-dpr不是一个写死的，而是一个动态的了。走过的弯路当时试过px2rem、post

昶亲·2020-09-12 17:53

postcss-pxtorem 自动设置某些元素是否转换方法

AmessageaboutignoringpropertiesCurrently,theeasiestwaytohaveasinglepropertyignoredistouseacapitalinthepixelunitdeclaration.//`px`isconvertedto`rem`.convert{font-size:16px;//convertedto1rem}//`Px`or`PX

xingchen678·2020-09-12 14:46

使用vue2+Axios+Router 之后的总结以及遇到的一些坑

构建vue有自己的脚手架构建工具vue-cli,使用起来非常方便，使用webpack来集成各种开发便捷工具，比如：代码热更新，修改代码之后网页无刷新改变，对前端开发来说非常的方便PostCss，再也不用去管兼容性的问题了

weixin_30628801·2020-09-12 11:57

create-react-app 添加less支持

node_modules/react-scripts/config/目录下的webpack.config.prod.js和webpack.config.dev.js，将对应的css模块添加lessloader：//"postcss"loaderappliesautoprefixertoourCSS

xiaobai_f·2020-09-12 10:19

Your current PostCSS version is 5.2.18, but autoprefixer uses 6.0.23. 解决方法

问题：YourcurrentPostCSSversionis5.2.18,butautoprefixeruses6.0.23.Perhapsthisisthesourceoftheerrorbelow.

多味葵花籽·2020-09-12 01:47

postcss-loader的使用指南

这篇文章帮助我们学习使用postcss-loader首先介绍一下postcss-loader在web开发中我们经常会使用css来构建页面的样式这个过程中为了考虑浏览器兼容问题我们不得不使用兼容性前缀大家都知道

__LeoZhang·2020-09-11 21:42

为什么在vue中写的css都没法生效

为了确保css不被全局污染，我们给每个组件的style添加了scoped，其实这样就实现了样式的模块化vue中的scoped属性的效果主要通过PostCSS转译实现；如：转译前：hi.example{color

指标满载·2020-09-11 11:25

pc端使用rem进行适配（vu-cli3/4+lib-flexible+postcss-pxtorem）

1、使用vue-cli3创建好项目vuecreateresponsive-website-template2、安装lib-flexible依赖npminstalllib-flexible-S3、安装postcss-pxtorem

Kaycee666·2020-09-11 11:13

vue-cli css配置

คุณหล่อมากๆ·2020-09-10 21:17

webpack 设置autoprefixer不起作用的问题

webpack设置autoprefixer不起作用的问题背景问题解决方法最终效果背景近期在学习webpack，用postcss-loader和autoprefixer给css打包样式添加浏览器前缀的时候

宇智波bug·2020-09-10 21:50

Vue PostCss插件——autoprefixer配置完成后无效，已解决

在使用autoprefixer时，先前的配置能成功添加css浏览器前缀，但结合postcss-pxtorem插件后，px可以转换为rem，但css前缀无效。经过几个小时的鼓捣，终于让我发现了蛛丝马迹。

路歆甜·2020-09-10 20:42

webpack4 postcss-loader autoprefixer 无效问题

为了解决各家厂商css3规范的兼容问题，需要使用webpack提供的postcss-loader和autoprefixer插件。

Nick_5·2020-09-10 20:01

Autoprefixer：配置

在webpack4中配置安装包：npminstallwebpackstyle-loadercss-loaderpostcss-loaderautoprefixer--save-dev//webpack.config.js

huxiang66·2020-09-10 20:55

vue-cli搭建项目中browserslist的作用讲解

共享使用browserslist的组件们：组件名功能vvAutoprefixerpostcss添加css前缀组件bable-preset-env编译预设环境智能添加polyfill垫片代码postcss-normalize

小席vip·2020-09-10 20:45

解决webpack4.x使用autoprefixer 无效

安装npmiwebpckwebpack-clistyle-loaderpostcss-loader-D配置webpack.config.jsmodule:{rules:[{test:/\.css/i,use

weixin_30500473·2020-09-10 18:43

webpack配置css浏览器前缀

我们需要用到一个Loader：postcss-loader，和一个插件：autoprefixer安装npmipostcss-loaderautoprefixer-D方法一1.在webpack.config.js

weixin_30315435·2020-09-10 18:43

webpack 编译sass异常

现在前端大部分没有直接编辑css样式，而是通过使用第三方提供的编辑，提高开发效率，如sass与less，为了便捷会引入postcss来帮编译的样式自行加入相应的细节兼容浏览器，如下所示：{display

小肥喵大人·2020-09-10 18:48

css兼容性处理，自动加前缀的方法

1.postcsspostcss是一个用JS插件转化样式的工具。这些插件可以检查CSS，支持变量和mixin，转译未来的CSS语法，内联图像等等……总之是一个非常强大的css处理工具。

狗蛋0·2020-09-10 16:43

vue中css3属性在本地生效线上不生效问题

npminstallAutoprefixer//PostCSS的目标是通过自定义插件和工具这样的生态系统来改造CSS。与Sass和Less这些预编译器相同的原则，PostCSS把扩展的语法

世界呀上我请温柔·2020-09-10 16:43

解决webpack autoprefixer配置不生效

\.scss$/,use:['style-loader',{loader:'css-loader',options:{importLoaders:2}},'sass-loader',{loader:'postcss-loader

豆奶dudu·2020-09-10 16:59

Autoprefixer介绍及在Vue中应用

该插件css解析器采用postcss，使用Browserslist库，可以对浏览器的版本做精确设置。

大浪淘沙胡·2020-09-10 16:28

记一个 Gulp 中 postcss autoprefixer 无效的问题

在使用Gulp构建项目的时候，用到了postcss、autoprefixer插件，但是配置了却无效果，代码是这样的.pipe(gulpPostcss([require('cssnext'),require

子非吾·2020-09-10 15:29

webpack3.0问题系列 ——postcss-loader的使用

问题：把autoprefixer在webpack.config.js中设置出现Modulebuildfailed:Error:NoPostCSSConfigfoundin:解决方案：只是换了一种引入方式

qianzhihe1992110·2020-09-10 15:05

postcss插件 -- cssnano V4版本配置

随着cssnano的版本升级，之前的版本的配置已经对当前版本不兼容,所以在升级cssnano版本时需要注意一些问题由于v4版本会默认加载高级配置，而高级配置中有一些选项又可以我们不需要，所以我们需要去掉继续使用高级配置"cssnano":{"cssnano-preset-advanced":{zindex:false,autoprefixer:false},}使用默认配置"cssnano":{"a

qq_8572777886·2020-09-10 15:59

iview - css >>> 、 /deep/ 进行样式穿透

scoped的实现原理vue中的scoped属性的效果主要通过PostCSS转译实现，如下是转译前的vue代码：.example{color:red;}hi转译后：.example[data-v-5

idomyway·2020-09-10 14:55

关于autoprefixer 编译丢失样式处理

/*autoprefixer:off*/-webkit-box-orient:vertical;/*autoprefixer:on*/参考：https://github.com/postcss/autoprefixer

破旧的显示屏·2020-09-10 12:39

VUE打包报错，求解

atD:\phpStudy\PHPTutorial\WWW\vue\node_modules\optimize-css-assets-webpack-plugin\node_modules\postcss

Myzhuo·2020-09-10 11:19

node错误描述及解决方法

[email protected]:Pleaseusepostcss-loaderinsteadofautoprefixer-loadernpm警告。

A_one2010·2020-09-10 11:12

在VUE项目中使用SCSS，从安装步骤到语法说明，带你快速入门！！

CSS预处理语言有SCSS(SASS)和LESS、POSTCSS

心。晴·2020-09-08 21:51

在vue中如何把px转换为vw和rem

一、我们通过一款PostCSS插件来做到px转为vw和rem该插件主要结合了postcss-pxtorem和postcss-px-to-viewport的功能，精简了不常用的配置。

勤奋的七仔·2020-09-07 23:40

VW适配方案后造成伪类使用content报错的解决办法 already has a 'content' property, give up to overwrite it.

搜索了好长时间，终于找到了解决办法，亲测有效，可以试下配置postcssrc.js的postcss-viewport-units'postcss-viewport-units':{filterRule:

sunphilis·2020-09-05 17:28

使用vue render jsx 实现element-ui table组件合并表头功能

实现后的效果图先安装jsx的依赖包npminstallpostcss-loaderautoprefixerbabel-loaderbabel-core配置babel.config.js文件中添加//babel.config.jsmodule.exports

丿Mr_Liu·2020-08-28 11:04

vue项目PC端屏幕分辨率与窗口大小自适应

loaderpx2remnpmilib-flexible-Snpmipx2rem-loader-D二、在vue.config.js配置，这里我是按照1920*1080缩放css:{loaderOptions:{postcss

waillyer·2020-08-26 14:12

Vue令新手困惑的知识点

1、就是关于通过vue-cli生成的webpacktemplate中的.postcssrc.js文件的作用。这个文件，其实和postcss.config.js文件的作用是一样的。

bibichuan·2020-08-26 09:38

webpack面试问题

样式3-4使用SCSS·深入浅出WebpackPostCSS是一个CSS处理工具，和SCSS不同的地方在于它通过插件机制可以灵活的扩展其支持的特性，而不是像SCSS那样语法是固定的。

liuliuliu_666·2020-08-25 16:24

PostCSS以及cssnext语法

=什么是postcsspostcss一种对css编译的工具，类似babel对js的处理，常见的功能如：1.使用下一代css语法2.自动补全浏览器前缀3.自动把px代为转换成rem4.css代码压缩等等postcss

前往悬崖下寻宝的神三算·2020-08-25 03:54

推荐频道

PostCSS

前端适配之vw兼容方案（Vue版 支持设备的等比自动缩放）