postcss

子醉16 天前
前端·vue.js·postcss
Ant Design Vue v4版本如何解决1px没有被postcss-px2rem转成rem的问题如果你的 Ant Design Vue 项目有要做适配的需求,那首先要选择一种适配方案。笔者选择的是用 postcss-px2rem 进行适配。笔者在配置了 postcss-px2rem的相关配置后,发现 postcss-px2rem 没有对 Ant Design Vue 进行适配。在网上看了一些文章之后,发现想对 Ant Design Vue 进行适配需要走它自己的规则:给 a-style-provider 组件传入 transformers 的 props。Ant Design Vue 官方自己提供了
全栈技术负责人1 个月前
前端·javascript·postcss
postcss-loader运行报错解决方案:1、检查postcss和postcss-cssloader相关依赖2、原因:你的依赖中存在 PostCSS 的版本冲突:
wswmsword2 个月前
前端·响应式设计·postcss·移动端适配·浏览器适配
增强 vw/rem 移动端适配,适配宽屏、桌面端、三折屏vw 和 rem 是两个神奇的 CSS 长度单位,认识它们之前,我一度认为招聘广告上的“像素级还原”是一种超能力,我想具备这种能力的人,一定专业过硬、有一双高分辨率的深邃大眼睛。
TonyH20023 个月前
前端·css·react.js·webpack·postcss·打包
webpack 4 的 30 个步骤构建 react 开发环境将 react 和 webpack4 进行结合,集 webpack 的优势于一身,从 0 开始构建一个强大的 react 开发环境。
Fenderisfine3 个月前
前端·css·vue.js·前端框架·postcss
使用 vite 快速初始化 shadcn-vue 项目使用 vite 创建一个新的 vue 项目。如果你正在使用 JS 模板,需要存在 jsconfig.json 文件才能正确运行 CLI。
今天吃了嘛o3 个月前
前端·css·postcss
Vue3中使用tailwindcss插件
vivo互联网技术3 个月前
postcss·代码迁移·抽象语法树ast·gogocode
一次基于AST的大规模代码迁移实践作者:来自 vivo 互联网大前端团队- Wei Xing在研发项目过程中,我们经常会遇到技术架构迭代更新的需求,通过技术的迭代更新,让项目从新的技术特性中受益,但由于很多新的技术迭代版本并不能完全向下兼容,包含了很多非兼容性的改变(Breaking Changes),因此我们需要设计一款工具,帮助我们完成大规模代码自动迁移问题。本文简单阐述了基于 AST 的代码迁移概念和大致流程,并通过代码案例带大家了解到了其中的处理细节。
theMuseCatcher3 个月前
typescript·less·postcss
Vue3+TypeScript+Vite+Less 开发 H5 项目(amfe-flexible + postcss-pxtorem)amfe-flexible:将根元素 html 的字体大小 fontSize(1rem) 设为 viewWidth / 10,以适配不同终端
你不讲 wood3 个月前
开发语言·前端·javascript·css·vue.js·ui·postcss
postcss 插件实现移动端适配postcss-pxtorem 是一个 PostCSS 插件,它能够将 CSS 中的像素单位(px)转换为 rem 单位。这使得你可以直接按照设计稿的尺寸编写 CSS,并且通过这个插件自动转换为 rem,从而实现响应式布局,让页面在不同尺寸的设备上也能正确显示。
valvesz661055563 个月前
安全·制造·postcss
QDY421F-16P-25液氨不锈钢液动紧急切断阀一、产品概述 QDY421F-16P-25液氨不锈钢液动紧急切断阀,采用先进的液动驱动技术,结合高质量的不锈钢材质,专为满足液氨等腐蚀性介质的紧急切断需求而设计。该阀门的工作压力可达16MPa,适用于DN25(即25毫米)的管道系统,确保了在高压、高腐蚀性环境下的稳定运行。其独特的液动操作方式,不仅响应速度快,而且能够远程控制,大大提高了操作的安全性和便利性。 二、产品特点 1. 优质不锈钢材质 阀体及主要部件均采用优质不锈钢材质,具有优异的耐腐蚀性和耐高压性能,能够长期承受液氨等腐蚀性介质的侵蚀,保证阀
WangConvey4 个月前
前端·vue.js·postcss
vue页面自适应 动态 postcss postcss-pxtorempostcss一款灵活配置css的插件,而postcss-pxtorem是属于postcss中的小工具可以动态将页面px转换为rem,现使用postcss-pxtorem实现页面自适应效果
慢功夫5 个月前
前端·css·postcss
👨一文讲透等比例缩放响应式-px2rem-px2vw页面宽度为 2000px,里面有个正方形卡片,长宽比为 1:1 ,长宽都是 500px。还有个长方形卡片长宽比为 3:1,长度为 1500px, 宽度为 500px。
TangAcrab5 个月前
javascript·taro·postcss
最新 taro v3 运行,报错 Error: [object Object] is not a PostCSS plugin 解决办法报错如下: Error: [object Object] is not a PostCSS plugin
三翼鸟数字化技术团队5 个月前
前端·javascript·postcss
浅谈PostCSScss的预处理器语言(比如 sass, less, stylus)的扩展性不好,你可以使用它们已有的功能,但如果想做扩展就没那么容易。
rolling_kitten5 个月前
前端·javascript·css·vue·postcss
前端如何让网页页面完美适配不同大小和分辨率屏幕推荐使用postcss插件,它会自动将项目所有的px单位统一转换为vw等单位(包括npm安装的第三方组件),从而实现适配,具体配置规则可参考官网或npm网站介绍。
小秋菇娘6 个月前
css·vue.js·postcss
vue 启动项目报错Syntax Error: Error: PostCSS received undefined instead of CSS string启动vue项目然后报错如下图这个是跟node版本有关系 因为要开发不同的项目使用不同的node版本,所以就用nvm切换,所以导致了node-sass编译问题 执行这个命令就可以
Wang's Blog6 个月前
css·webpack·postcss
Webpack: 如何借助预处理器、PostCSS 等构建现代 CSS 工程环境在开发 Web 应用时,我们通常需要编写大量 JavaScript 代码 —— 用于控制页面逻辑;编写大量 CSS 代码 —— 用于调整页面呈现形式。问题在于,CSS 语言在过去若干年中一直在追求样式表现力方面的提升,工程化能力薄弱,例如缺乏成熟的模块化机制、依赖处理能力、逻辑判断能力等。为此,在开发现代大型 Web 应用时,通常会使用 Webpack 配合其它预处理器编写样式代码
Yehger6 个月前
前端·react.js·postcss
react 使用postcss-pxtorem项目根目录下创建postcss.config.js文件
Amodoro6 个月前
前端·html·postcss·postcss-pxtorem
html文件使用postcss-pxtorem适配移动端 && 使用tailwindcss库postcss.config.jstailwind.config.jspackage.json文件
kjl5365667 个月前
前端·javascript·windows·json·postcss
TS tsconfig.json配置项compilerOptions: