postcss 第5页

1-07 React配置postcss-px-to-viewport

React配置postcss-px-to-viewport移动端适配安装依赖：在项目根目录下运行以下命令安装所需的依赖包：npminstallpostcss-px-to-viewport--save-dev

Bunny0212·2023-10-24 20:12

TailwindCSS使用并开启JIT（vue2）

前端的艺术·2023-10-24 06:38

前端领域的插件式设计

例如，当我们需要把我们前端代码中的css样式提取打包，我们可以用webpack的mini-css-extract-plugin，或者你如果用rollup的话，可以选择rollup-plugin-postcss

软件工匠·2023-10-23 18:00

面试知识储备--打包工具篇（webpack和vite）

1.vite常用配置常用配置1.preprocessorOptions传递给CSS预处理器的配置选项2.PostCSS也是用来处理CSS的，只不过它更像是一个工具箱，可以添加各种插件来处理CSS3.resolve.extensions

一个有理想的苦逼程序员·2023-10-23 09:05

element-ui使用rem适配

1.npm导包npminstallpostcss-px2rem--save2.rem.js文件（放在src目录文件下）//rem等比适配配置文件//基准大小constbaseSize=16;//设置rem

cmmboy1990·2023-10-22 19:50

vue项目rem适配方案过滤vant UI

1、安装postcss-pxtoremyarnaddpostcss-pxtorem-D2、配置.postcssrc.js（postcssrc.config.js）module.exports={"plugins

小纸人儿·2023-10-22 16:55

脚手架搭建微信小程序问题汇总

学习教程为前端开发利器vue，微信小程序快速开发实战，黑马程序员前端web教程一、启动项目时报错SyntaxError:Error:PostCSSpluginautoprefixerrequiresPostCSS8

立川未来·2023-10-21 20:00

了解PostCSS

PostCSS是一款对CSS进行处理的工具。它主要依赖插件对CSS进行编译，插件非常丰富。

moofyu·2023-10-20 12:18

vite+vue3.0 使用tailwindcss

参考资料：安装-TailwindCSS中文文档|TailwindCSS中文网npminstall-Dtailwindcssnpminstallpostcssnpminstallautoprefixernpxtailwindcssinit-p

zhou13528482267·2023-10-19 13:59

webpack使用--loader和插件

css处理css-loader处理css中路径引用等问题style-loader动态把样式写入htmlsass-loaderscss编译器less-loaderless编译器postcss-loadercss

Jancy1072·2023-10-19 11:33

九、postcss-loader的使用（帮助我们添加厂商前缀）------ 2019-04-24

一、作用：postcss-loader中的autoprefixer插件，可以帮助我们自动给那些可以添加厂商前缀的样式添加厂商前缀（-webkit-moz-ms-o）；二、安装：postcss-loader

自己写了自己看·2023-10-18 23:23

web 端 vite 配置 px 转 rem

web端vite配置px转rem下载插件postcss-pxtoremnpminstallpostcss-pxtorem-D在vite.config.ts中配置constpostCssPxToRem=require

来杯卡布奇洛·2023-10-18 22:27

移动端页面完美适配解决方案（现阶段）

它是相对于屏幕的宽度来的，具体可以看看这篇文章接下来就是如何写项目配置，首先安装postcss-px-to-

安东尼的漫长岁月·2023-10-18 17:24

Syntax Error: Error: PostCSS received undefined instead of CSS string （已解决）

错误版本"node-sass":"^5.0.0""sass-loader":"^10.1.0"解决办法如下：这是因为node-sass和sass-loader版本不适配导致，请安装如下版本，并且运行如下命令："node-sass":"^4.14.1""sass-loader":"^8.0.0"npmuninstallsass-loadernpmuninstallnode-sassnpminstal

毛三仙·2023-10-18 05:57

vue 项目中使用rem布局

目录1安装postcss-px2rem及px2rem-loader2在根目录src中新建util目录下新建rem.js等比适配文件3在main.js中引入适配文件

一染星辰·2023-10-18 01:40

vue项目实现部分页面使用rem_vue中使用rem布局代码详解

1、npmiamfe-flexible2、import‘amfe-flexible‘然后再，安装postcss-px2rem插件npmipostcss-px2rem在package.json中配置"postcss

weixin_39898150·2023-10-18 01:08

vue项目实现部分页面使用rem_vue 中使用rem布局

postcss-pxtorem：转换px为rem的插件安装postcss-pxtoremnpminstallpostcss-pxtorem--save新建rem.js文件constbaseSize=32

weixin_39816362·2023-10-18 01:08

【记录】vue中实现界面rem自适应

1.下包2.配置用到的是vue框架，webpack已经封装好了，需要在根目录新建文件具体内容//postcss.config.jsmodule.exports={presets:['@vue/cli-plugin-babel

清风自徐来i·2023-10-18 01:05

vue中rem实现自适应

启航基于现有的项目都需要做自适应适配多端了，在此需要知道如何实现自适应，这里带来rem适配方案已测试(ok)安装插件并使用借助插件将px转remlib-flexible用于设置rem基准值postcss-pxtorem

碰磕·2023-10-18 01:04

vue2项目中实现字体自适应（使用px2rem插件将px转rem）

1、安装px2rem插件npmaddpostcss-px2rem2、配置（1）在src下的utils目录中新建px2rem.js文件（没有utils就新建一个）px2rem.js//基准大小constbaseSize

Jiang_JY·2023-10-18 01:34

vue-1.0-4.0/promis4.3异步请求/父子组件1.0/动态路由3.4/懒加载3.5/导航守卫3.7/-修改文件路径的引用问题......

--------------------父子组件传递关系子组件：props:{banners:{type:Array,default(){return[]}}}父组件：2.视口模式npminstallpostcss-px-to-viewport

年少荒芜·2023-10-17 22:10

vue实现移动端适配方案

vue实现移动端适配步骤如下:先安装amfe-flexible和postcss-pxtorem：npminstallamfe-flexible--savenpminstallpostcss-pxtorem

星期五の夜·2023-10-17 14:29

响应式布局之REM

REM是实现响应式布局的方案之一，除了REM之外，还有VM、REM+VM，今天主要来记录一下REM的实操，一、安装插件npminstalllib-flexiblenpminstallpostcss-plugin-px2rem-D

砥砺前行前程似锦·2023-10-17 03:44

weapp-tailwindcss for uni-app 样式条件编译语法插件

如何使用tailwind.config.js注册postcss插件注册uni-appvitevue3uni-appvue2配置完成配置项这是什么玩意?

ice breaker·2023-10-16 23:59

前端开发中代码风格工具指南

我用云企信emsweb项目简单试验了下在sublime3中使用代码风格检查工具及公司代码规范，简单整理使用经验分享给大家，大家一起补充完善～CSS代码检查安装Nodejs模块：安装postcss、stylelint

赵萱_dily·2023-10-16 11:41

反馈-postcssrc.js配置问题

##问题:.postcssrc.js配置关于不配置autoprefixer,描述错误##(2)视频:第1天,08视频,第30分钟##(3)详情:这里.postcssrc.js中plugin不能省略配置autoprefixer

黄金林·2023-10-15 18:57

postcss 单独不转换_postcss

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

weixin_39736913·2023-10-15 15:31

处理ElementUI组件默认样式多次重复问题

问题截图：解决办法：在postcss.config.js文件里添加配置项：module.exports={plugins:{autoprefixer:{},cssnano:{}//添加这行代码},}处理结果

iVRJay·2023-10-15 05:03

react+umi+antdmobile+ali-react-table移动端开发

https://github.com/liptpb/reactModile.git1.umi的config配置import{defineConfig}from'umi';importpx2vwfrom'postcss-px-to-viewport

1223688·2023-10-14 16:49

关于Vue+webpack使用unocss编写CSS，打包后CSS没加前缀

关于Vue+webpack使用unocss编写CSS，打包后CSS没加前缀，封装了一个插件去解决了这个问题unocss-postcss-webpack-pluginunocss在vite中使用配置，关于

UzumakiHan·2023-10-14 15:20

前端架构学习，一些知识点记录(一)

==‘module’webpack先编译，大型项目打包慢显示影子dom，浏览器设置打开类似有视频标签，看不到一些操作按钮attachShadow构建影子domwebComponents跨平台自定义标签postcss

Twelve--·2023-10-14 13:07

autoprefixer对@import引入样式不生效的解决方案

原配置module.exports={//其他配置module:{rules:[{test:/\.css$/,use:['style-loader','css-loader','postcss-loader

mosband·2023-10-14 09:02

vue 使用rem做屏幕适配

1、npminstallamfe-flexible-S2、npminstallpostcss-px2rem-S3、main.js中引入lib-flexibleimport"amfe-flexible/index.js

weixin_39875208·2023-10-14 03:41

vue 自适应（同等缩小放大）

第一步：项目安装依赖npmipostcss-px-to-viewport安装之后，大家都知道package.json里会出现它的名字和版本号第二步：创建一个和package.json同级的文件，命名为postcss.config.js

三三两两俱·2023-10-13 08:51

vite.config.js文件配置

/node-Dimport{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importpathfrom'path'importpostcsspxtoviewport8pluginfrom'postcss-px-to-viewport

不听念经·2023-10-12 23:30

vue自适应（配置postcss-px2rem）

一、vue自适应（配置postcss-px2rem）采用插件postcss-px2rem结合动态更新根节点的font-size的js代码共同完成，实现在不同的屏幕等比例放大或缩小页面1.postcss-px2rem

凌儿~·2023-10-12 04:09

解决 Vue3 + stylelint14 + SCSS + VSCode 没效果和报错 Unknown word (CssSyntaxError)

执行npminstall--save-devpostcss-scsspostcss-htmls

粤小七·2023-10-11 15:49

rollup打包vue文件报错[!] (plugin commonjs--resolver) RollupError:xxxx,src/test.vue?vue&type=template&id=0f

jieyucx·2023-10-10 21:43

webpack的object { postcssOptions?, execute?, sourceMap? }错误

ValidationError:Invalidoptionsobject.PostCSSLoaderhasbeeninitializedusinganoptions…出现以下错误原本是改成即可

一朵盆栽·2023-10-10 10:10

react的create-react-app移动端rem适配

1.安装：npminstalllib-flexiblepostcss-pxtorem-S2.引入在项目入口文件index.js引入lib-flexibleimport'lib-flexible';3.修改

敬余生.·2023-10-09 22:52

【react】create-react-app配置px2rem

、自适应1.自定义webpack，运行该命令，会把webpack的配置文件暴露出来（如果前期没有暴露的话，否则直接第二步）npmruneject2.安装lib-flexible、px2rem，这里安装postcss-px2rem-exclude

繁星召唤·2023-10-09 22:48

React配置px转rem响应式布局

一，搭建react环境create-react-appdome二，安装依赖cnpmipostcss-pxtoremamfe-flexible@craco/craco三，配置1，在项目根目录下创建craco.config.js

风—-·2023-10-09 22:45

react的create-react-app移动rem端适配

1.安装：npminstalllib-flexiblepostcss-pxtorem-S2.引入在项目入口文件index.js引入lib-flexibleimport'lib-flexible';3.修改

南张门·2023-10-09 22:14

create-react-app 移动端rem适配

1、安装npminstalllib-flexiblepostcss-pxtorem-S2、在项目入口文件index.js中引入lib-fiexibleimport'lib-flexible';3、修改webpack.config.js3.1

LT_Strige·2023-10-09 22:12

react create-react-app v5配置 px2rem （不暴露 eject方式）

环境信息：create-react-appv5“react”:“^18.2.0”“postcss-plugin-px2rem”:“^0.8.1”配置步骤：不暴露eject配置自己的webpack：1.下载

崽崽的谷雨·2023-10-09 22:11

【CSS】Tailwind CSS

因为我常用构建工具搭建项目，所以选择UsingPostCSS。其中tailwind.config.js的配置可以改为：module.exports={content:['.

小谢sd·2023-10-09 14:17

在VUE项目中使用SCSS ，对SCSS的理解和使用（简单明了）

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

暗影岛-寒冰射手·2023-10-08 20:59

angular12 配合 postcss-pxtorem amfe-flexible 移动端适配

demo地址：https://gitee.com/lh9703/angular12MobilePostcssPxtorem1.安装必要依赖npmi-D@angular-builders/custom-webpacknpminstallpostcss-pxtorem

闲鱼_JavaScript·2023-10-07 12:08

前端移动端适配使用amfe-flexible和postcss-px2rem

一、安装npminstallamfe-flexible-Snpminstallpostcss-px2rem-Spostcss-px2rem会将px转换为rem，rem单位用于适配不同宽度的屏幕，根据标签的

C+ 安口木·2023-10-07 12:08

postcss 单独不转换_postcss踩坑问题集合

业务背景从昨天18/9/12开始学postcss直到现在还没完全用顺手记录一下遇到的问题,以后慢慢处理懒得一个一个提问了坑一【已解决】webstorm不支持postcss-simple-vars插件的$

weixin_39634876·2023-10-07 12:08

推荐频道

postcss