PostCSS 第17页

Vue 分辨率适配

项目中遇到PC端不同分辨率页面不适配的问题1、安装postcss-px2rem及px2rem-loadernpminstallpostcss-px2rempx2rem-loader--save2、在根目录

·2022-02-17 15:13

vue-cli3.0移动端屏幕适配

vmvh适配方案npmipostcss-px-to-viewport-save-dev配置package.json"postcss":{"plugins":{"autoprefixer":{},"postcss-px-to-viewport

尼莫nemo·2022-02-16 20:54

webpack打包非js部分---加载器loader、babel处理高级语法和vue组件

文件打包报错，webpack处理不了需要加载器才可以配置打包css文件配置打包less文件编写less文件引入less文件打包生成bungle.js配置打包scss文件注意红框编写scss文件导入自动添加postCSS

小猿L·2022-02-16 10:29

Vue项目npm install时报错Error

UnexpectedendofJSONinputwhileparsingnear'...0","postcss-parser-te'”。

晓妆初了明肌雪·2022-02-15 19:43

vue cli3移动端中使用rem配置以及适配方案！

转载自https://blog.csdn.net/qq_42957741/article/details/102392491第一步安装npmaddpostcss-px2rem第二步在vue.config.js

想成为咸鱼的张三·2022-02-15 05:55

React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)

1、React多页面应用1(webpack4开发环境搭建,包括热更新,api转发等)---2018.04.042、React多页面应用2(webpack4处理CSS及图片,引入postCSS,及图片处理等

前端人人·2022-02-15 01:56

CSS布局

后编译器(postcss)是什么？重置样式作用：解决默认样式不兼容问题；让各个浏览器的CSS样式有一个统一的基准。

饥人谷_阿银·2022-02-14 20:43

vue移动和pc两个脚手架，整合成一个脚手架项目

问题：postcss-pxtorem会将px转换成rem导致pc页面，样式错乱，用户体验极差！！！解决：将px改成PX,怎么才能让某一个属性不转化成rem呢？？？

脏十三i·2022-02-14 09:37

解决vue移动端适配问题，vue-cli3+vant-ui等第三方UI组件引入适配

npminstallnpmi-Samfe-flexible2.在入口文件main.js中引入import'amfe-flexible/index.js'3.在根目录的index.html的头部加入手机端适配的meta代码4.安装postcss-pxtorem

走啊丶去拯救世界·2022-02-12 23:15

手把手教你在Vue项目中使用scss

CSS预处理语言有SCSS(SASS)和LESS、POSTCSS二.那么SCSS和SASS有什么区别呢？*文件扩展名不同，文件后缀分别是

云凡的云凡·2022-02-11 15:35

vue-cli 3.0+vant项目使用postcss-pxtorem和amfe-flexible 进行移动端适配

vue-cli3.0+vant项目使用postcss-pxtorem和amfe-flexible进行移动端适配Rem适配Vant中的样式默认使用px作为单位，如果需要使用rem单位，推荐使用以下两个工具

果汁果肉·2022-02-11 14:38

react使用antd，通过暴露eject（最新仅webpack.config.js），添加less和自定义主题

yarnaddlessless-loaderbabel-plugin-import三兄弟1）添加lessRegex，lessModuleRegex2)修改getStyleLoaderes方法，添加如下两处less配置一定要放在postCss

gong0037·2022-02-11 03:24

使用 PostCSS 进行 CSS 处理

https://www.ibm.com/developerworks/cn/web/1604-postcss-css/

流动码文·2022-02-10 23:45

Error: CSS minification error: postcss-svgo: TypeError: Cannot set property 'multipassCount' of u...

最近做的H5宣传页，使用了vue-awesome-swiper插件后，运行npmrunserve没错，但是打包使用npmrunbuild时，不知道为什么报了这个错误：image.png起初尝试删除node_modules，再重新安装也没啥用。查了一下，使用[email protected]解决了问题。参考链接：https://stackoverflow.com/questions/586

向往自由的魔女·2022-02-10 22:10

create-react-app的自定义配置

create-react-app作为最常用的react脚手架集成了很多的常用功能，比如支持es6、JSX、动态import、Fetch(polyfill)、proxy、postcss、eslint等。

8d2855a6c5d0·2022-02-09 07:18

vue-cli3项目中移动端尺寸适配（px2rem）

前言本篇文章主要讲的是如何在vue-cli3项目中使用postcss-px2rem对移动端进行尺寸适配什么是postcss-px2rempostcss-px2rem会将你代码中的px转换为rem使用方法

张成的开发笔记·2022-02-07 09:57

2年经验面试网易灵犀！太注重工程化了！

3、postcss的原理4、webpackbabelvue都用到了AST，你是怎么理解AST的？5、如何提高webpack的构建速度？6、用到了vite了么？为什么会快？7、npm

·2022-02-06 11:53

Vue项目自动转换 px 为 rem，高保真还原设计图

postcss-pxtorem：转换px为rem的插件。自动设置根节点html

崽崽不哭·2022-02-06 10:12

stylelint初体验

stylelint是现在最强大的css代码审查工具，由PostCSS提供技术支持。

zhiqiangx·2022-02-06 03:36

vue2.x使用响应式vw布局(px自动转为vw)

浏览器支持一览1、依赖包引入yarnaddpostcss-px-to-viewport-optpostcss-viewport-unitscssnanocssnano-preset-advanced--

yang_fy·2022-02-05 07:51

手摸手教你开发一个postcss插件自动计算vw

，通常是通过vw=元素尺寸/设计图屏幕尺寸，比如一个元素在37.5px的设计图下宽100px,那得到的vw就是37.5/375*100=10vw,每次都需要这样去计算又特别麻烦，所想把这个事情给自动化postcsspostcss

·2022-02-04 15:55

webpack中CSS3添加前缀

根据caniuse网站获取兼容性，和postCSS一起使用cnpmipostcss-loaderautoprefixer-Dwebpack.prod.js{test:/.less$/,use:[MiniCssExtractPlugin.loader

小蜗牛的碎碎步·2022-02-04 15:48

2020-05-05 Postcss

1.什么是PostCSS?

mainXIAO·2022-02-03 11:02

rem响应式布局-自动将px转换为rem--px2rem插件的使用

单位的话，会不好判断各种距离、宽高的具体数值，下面介绍一款插件：px2rem，使用此插件可以在代码里依然写px，启动项目会自动将px单位转换为可响应的rem单位第一步installcnpminstallpostcss-px2rempx2rem-loader

·2022-01-30 14:42

(移动端适配px转rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安装插件yarnaddlib-flexiblepostcss-px2rem-exclude//这个插件也要下，不然的话启动项目的时候会报错yarnaddreact-app-rewire-postcss2

·2022-01-27 14:29

sourceMap原理解析，快速定位压缩的源代码

调试痛点解析打包发布后的代码，无法定位到对应源码的位置痛点一：js报错，无法定位源代码痛点二：CSS压缩后，无法定位源代码css(css-loader),less(less-loader),sass(sass-loader),postcss-loadersouceMap

·2021-12-31 16:42

react(craco)移动端使用postcss-px-to-viewport自适应布局

前言尝试在react使用postcss-px-to-viewport自适应布局，全网找遍了，基本上都要react-scriptseject去修改webpack.config.js,或者装一大堆依赖……，

·2021-12-24 17:16

postcss后处理器配置autoprefix

postcss后处理器配置autoprefix前言scss为css的预处理器拉，其实就是让css可以使用变量而已，那么postcss就是后处理器拉本文讲的就是他的autoprefix插件可以自动添加浏览器

·2021-12-22 22:57

【壁虎科技】前端移动端和PC端自适应解决方案，支持vite打包配置

需求移动端自适应pc端自适应（在一定屏幕范围内）实现原理使用amfe-flexible和postcss-px2rem依赖包，编译项目后自动把px转换成rem，会根据屏幕大小来动态改变html的font-size

·2021-12-19 13:45

vue移动端布局单位适配（postcss）

所以分两步解决：1）、将所有px单位转换为rem2）、根据不同设备的屏幕大小改变html的字体大小三、适配代码转换px单位：//安装postcss-pxtorem转换库//如果是v

独自迈向前方·2021-12-09 00:09

PostCSS学习指南终结篇

12月07日：注意这是一篇发布于2018年的老文章，因网友提到上篇文章有个链接失效的问题，故将当时写的文章迁移过来（文章之前存于上家公司的FE内部提交，离职已久，正好借机迁移，避免丢失，也算是终结这几篇PostCSS

·2021-12-07 11:52

vue项目中使用rem替换px的实现示例

目录工具安装插件在项目根目录下添加.postcssrc.js文件index.html关于移动端页面适配，rem和vw适配方案基础点：rem相对根节点字体的大小。

·2021-12-06 11:04

[vue移动端项目] 严选商城项目使用vue+vant做的移动端商城小项目

文章目录项目准备安装amfe-flexible安装第三方插件postcss-pxtorem配置vue.config.jsreset.css重置样式表安装less预编译语言安装vant-ui端口配置(可以不做

533_·2021-11-27 21:44

Vue2.0实现自适应分辨率

本文实例为大家分享了Vue2.0实现自适应分辨率的具体代码，供大家参考，具体内容如下1.前台框架：Vue2.0+elementUI2.15.72.开发工具：vscode3.安装所需架包："postcss-import

·2021-11-26 16:51

2021 年你需要知道的 CSS 工程化技术

CSS工具链、工程化领域的主要方案如下：而我们技术选型的标准如下：开发速度快开发体验友好调试体验友好可维护性友好扩展性友好可协作性友好体积小有最佳实践指导目前主要需要对比的三套方案：Less/Sass+PostCSS

·2021-11-15 22:13

前端移动node_modules到其他位置

node_modules文件夹;node_modules文件夹很庞大,文件数量很多,有时候希望移动到其他位置,这里提供一种方法;原理创建node_modules、package.json和其他的配置文件(如postcss.config.js

·2021-11-12 12:13

窥探css-loader与style-loader的作用

前言大家伙都清楚在使用webpack构建前端项目时都会使用到sass-loader、less-loader、postcss-loader、css-loader、style-loader，但这些loader

·2021-11-05 20:46

webstorm tailwindcss 不智能提示问题

postcss7版本：依赖为npm:@tailwindcss/postcss7-compat@^2.1.0新版本会安装为：npm:@tailwindcss/postcss7-compat@^2.2.0/

岚枫丶·2021-11-05 10:38

移动端开发适配之postcss-pxtorem

postcss-pxtorem：转换px为rem的插件。vant：移动端ui组件。

我写的代码绝对没有问题·2021-11-02 14:44

前端开发框架Vue在PostCSS中的使用

为什么要使用Postcss众所周知转换px单位的插件有很多，知名的有postcss-px-to-viewport和postcss-pxtorem，前者是将px转成vw，后者是将px转成rem，精简了不常用的配置

·2021-11-02 11:41

css 模块化

css发展阶段1.手写源生CSS2.使用预处理器Sass/Less3.使用后处理器PostCSS4.使用cssmodules5.使用cssinjsCSS模块化的实现方式BEM命名规范bem官网bem主要是通过命名规则约束来实现

奇怪的双子座·2021-10-12 10:16

CSS样式——postcss

了解postcsspostcss一种对css编译的工具，可实现一些工程化操作环境配置安装node环境下载postcss模块：npminstallpost-cli-g配置postcss配置文件module.exports

·2021-10-05 17:46

谈谈 CSS 预处理器

awesome-interview完整高频题库阅读地址：https://febook.hzfe.org/相关问题CSS主要有哪些预处理器为什么需要用预处理器各预处理器优缺点回答关键点SassLessStylusPostCSS

·2021-09-26 18:36

vue使用lib-flexible和postcss-pxtorem(px转rem)进行适配

1.开发环境vue2.电脑系统windows10专业版3.在开发的过程中,我们需要做适配,下面我来分享一下方法,希望对你有所帮助。4.废话不多说,直接上操作://安装lib-flexiblenpminstalllib-flexible--save-dev5.修改lib-flexible配置//文件在node_modules>lib-flexible>flexible5-1.在mian.ts中引入l

·2021-09-09 20:38

Babel7 使用总结

.babellrc配置文件{"presets":[],//预设"plugins":[]//插件}3、package.json声明package.json中声明的browserslist影响babel和postcss

·2021-09-02 19:08

【记录】用脚手架创建 Vue3 遇到的插件坑

项目架构Vue3+element-plus+echarts+axios+高德地图+sass插件包amfe-flexible+postcss-pxtorem、vuex-persistedstate、sass-loader

·2021-08-27 15:51

移动端开发手册

移动端设备适配移动端适配方案postcsspx->vwremamfe-flexiblerem移动端常用知识点横竖屏探讨判断横竖屏的最佳实现✳️@media媒体查询window.matchMedia/matcheswindow.innerHeight

·2021-08-26 13:12

vue+px2rem实现pc端大屏自适应的实例代码(rem适配)

配置前言项目构建：基于vue-cli3构建，使用postcss-px2rempx2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将

·2021-08-22 15:09

postcss

有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种方案，都还存在一定的缺陷。言外之意，还没有哪一个方案是完美的。事实上真的不完美？其实不然。最近为了新

趣有书·2021-08-12 11:49

前端Vue框架在PostCSS怎样使用sass

为什么要使用PostCss众所周知转换px单位的插件有很多，知名的有postcss-px-to-viewport和postcss-pxtorem，前者是将px转成vw，后者是将px转成rem，精简了不常用的配置

·2021-08-10 18:22

推荐频道

PostCSS