E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
postcss
大前端-
postcss
安装使用指南
PostCSS
是一款强大的CSS处理工具,可以用来自动添加浏览器前缀、代码合并、代码压缩等,提升代码的可读性,并支持使用最新的CSS语法。
黑夜照亮前行的路
·
2024-03-29 08:41
postcss
【构建工具】
PostCSS
快速配置
1.安装依赖包npmi-Dpostscss
postcss
-clinpmi-Dautoperfixer
postcss
-preset-envnpmi-Dstylelintstylelint-config-standardnpmi-D
postcss
-pxtorem
古狼_guwolf
·
2024-03-20 11:51
前端开发
postcss
前端
javascript
使用
postcss
-plugin-px2rem和
postcss
-pxtorem(
postcss
-px2rem)-px自动转换rem的配置方法-vue-cli3.0
在vue-cli3.0中使用
postcss
-plugin-px2rem插件插件的作用是自动将vue项目中的px转换为rem
postcss
-plugin-px2rem优势:因为
postcss
-plugin-px2rem
JackieDYH
·
2024-03-16 01:00
Vue
px2rem
vue
px转换rem
rem
postcss-px2rem
【CSS】Vue2使用TailwindCSS方法及相关问题
一.安装1.npm安装TailwindCSSnpminstalltailwindcss@npm:@tailwindcss/
postcss
7-compat@tailwindcss/
postcss
7-compat
postcss
SZnA1
·
2024-03-15 09:08
css
前端
vue.js
移动端适配方案
postcss
-px-to-viewport
安装npminstall
postcss
-px-to-viewport--save-dev或yarnadd-D
postcss
-px-to-viewport根目录下新建
postcss
.config.js文件
有没有认真工作
·
2024-03-12 21:43
postcss
javascript
前端
webpack 中 loader 和 plugin 的区别
例如:css-loader、style-loader、
postcss
-loader、sass-loaderplugins:从打包优化和压缩,一直到重新定义环境中的变量.例如:uglify-webpack-plug
tangdou369098655
·
2024-03-12 07:23
webpack
webpack
vue中elementUI样式无法修改的问题 /deep/ >>>
它通过使用
PostCSS
来实
小白快跑true
·
2024-03-08 07:30
webpack
scoped
scss
前端工程化之:webpack3-7(
PostCss
)
目录一、
PostCss
1.什么是
PostCss
2.安装3.配置文件4.插件5.
postcss
-preset-env(1)自动的厂商前缀(2)未来的css语法(3)变量(4)自定义选择器(5)嵌套(6)
postcss
-apply
小李老笨了
·
2024-02-20 10:48
前端工程化
前端
postcss
javascript
Vite之对CSS的处理方式及使用
/css/myStyle.css"2.使用css预处理器less科普:
PostCSS
:是一个用J
小袁搬码
·
2024-02-19 13:34
vue3
Node.js
npm
css
前端
Vite
Vue3
vuecli4里面使用rem
1、安装两个插件屏幕自适应插件npmiamfe-flexible--save把px转成rem的插件只能在css文件里面写里面的npmi
postcss
-px2rem--save2、main.js引入importremfrom'amfe-flexible'Vue.use
前端Z老师
·
2024-02-15 10:14
手机端vue+vant+rem项目适配750px设计稿的配置
很是苦恼,经过一番搜索,按照如下配置.
postcss
rc.js文件,就可以完美解决问题module.exports=({file})=>{letisVant=file&&file.dirname
伍佰2017
·
2024-02-14 21:13
移动端适配
1.rem适配1.1安装
postcss
-plugin-px2rem(推荐),也可使用官网的
postcss
-pxtoremnpmi
postcss
-plugin-px2rem--save1.2
postCss
浅忆_0810
·
2024-02-14 14:25
移动端适配问题解决方案
文章目录一、移动端适配1、什么是移动端适配2、认识视口3、移动端适配方案3.1媒体查询3.2js动态计算3.3使用库4、rem计算的方法4.1手动计算4.2通过less计算4.3
postcss
-pxtorem4.4
KIKIo_
·
2024-02-14 06:25
前端
javascript
前端
css
vue引入element-ui的css后报错
/node_modules/
[email protected]
@element-ui/lib/theme-chalk/index.cssModulebuildfailed:Error:No
PostCSS
Configfoundin
shaguamayi
·
2024-02-13 14:58
h5兼容性总结
在解决问题方面,尤其是在解决兼容性方面,兼容ios10以及Android5,做了些总结:CSS添加前缀,可以利用
postcss
-loader,新建
postcss
.config.js,添加‘autoprefixer
大超-无痕
·
2024-02-13 09:45
问题总结
javascript
css
typescript
前端
使用
postcss
-cva 来生成 cva 方法吧
使用
postcss
-cva来生成cva方法吧使用
postcss
-cva来生成cva方法吧什么是cva封装示例组成参数
postcss
-cva的功能Css示例原子化设计注释参考生成cva函数Refers什么是
·
2024-02-11 18:10
vue移动端适配(px转vw)
postcss
-px-to-viewport配置 安装
postcss
-px-to-viewport
npminstall
postcss
-px-to-viewport//
postcss
.config.js文件module.exports={plugins:{'
postcss
-px-to-viewport
如饥似渴的人
·
2024-02-10 11:30
vue3的vite配置
51CTO.COM1、现把下面导入的4个npm插件运行完成npmadd-Dtersernpmivite-plugin-imagemin-Dnpmivite-plugin-compression-Dnpmi
postcss
-preset-env-D2
A-超
·
2024-02-10 00:16
vue.js
Vue项目启动webpack报错Module build failed: Error: No
PostCSS
Config found in......
但是在原来位置就是可以正常展示的,但是在新文件里面就会报错Modulebuildfailed:Error:No
PostCSS
Configfoundin:/Users/***原因某个隐藏属性的配置文件没有拷贝
HealerLZH
·
2024-02-09 01:40
关于vite5中
postcss
-px-to-viewport插件问题和require问题
1.vue3中不支持require,可以npmivite-plugin-require-transform--save-devimportrequireTransformfrom'vite-plugin-require-transform';exportdefaultdefineConfig({plugins:[vue(),requireTransform({fileRegex:/.js$|.vu
_斯洛伐克
·
2024-02-08 23:41
postcss
前端
javascript
宁德烟草大屏问题与解决方法总结vue3+vite5
中css里添加
postcss
代码如下1.样式总结:1.非标准屏幕时要完整展示大屏内容当大屏不是1920*1080屏幕时,两侧可以滑动。当1920*1080正常时,不会滑动,可以设置高度和滚动。
_斯洛伐克
·
2024-02-08 23:41
javascript
前端
html
vue工程中
postcss
的基本使用
首先我们要知道:在Vue.js项目中,@vue/cli-service已经将
postcss
-loader包含在内;所以我们在使用
postcss
中的插件的时候,我们只需要直接安装对应的插件即可在这边我们以
insist_life
·
2024-02-08 00:07
vue.js
postcss
前端
vue全局自适应大小:
postcss
-pxtorem,vue2vue3通用适配
1.安装
postcss
-pxtorem插件npminstall
postcss
-pxtorem-D如果运行项目后报错
PostCSS
plugin
postcss
-pxtoremrequires
PostCSS
8
佛係老李
·
2024-02-08 00:37
前端
vue.js
postcss
javascript
前端
Vue3自定义
PostCss
插件
Vue3自定义
PostCss
插件插件功能:实现自动转px为vw功能1.创建插件ts文件2.tsconfig.node.json引入插件3.vite.config.ts增加插件配置4.编写插件内容5.示例插件功能
*郑*
·
2024-02-08 00:06
前端
postcss
前端
javascript
vue中使用
postcss
-pxtorem实现适配
前言安装amfe-flexible和
postcss
-pxtorem配置及使用可能遇到问题前言很少在pc端使用rem,不过做c端产品的,还是得在每个尺寸下都和设计稿完全一样,在自己手写媒体查询和插件之间选了后者
gegephp
·
2024-02-08 00:36
vue
前端
css
postcss
Taro开发注意点
ReactNative端,必须采用Flex布局,并且样式选择器仅支持类选择器,且不支持组合器TaroRN端是基于Expo,因此不支持引入ReactNative的第三方库某些样式代码仅供H5端使用,放在/*
postcss
-pxtransformrnejectenable
习惯就好a
·
2024-02-07 22:45
【项目实战】sass使用基础篇(上)
CSS预处理语言有Scss(Sass)和Less、
Postcss
。Scss和Sasssass一开始用的是一种缩进式的语法格式采用这种格式文件的后缀名是.sas
monkeysoft
·
2024-02-07 09:30
vue3.0+vite实现移动端自适应布局
1安装
postcss
-pxtoremnpmi
postcss
-pxtorem-D2新建
postcss
.config.js配置文件module.exports={plugins:{autoprefixer:
贵贵贵子
·
2024-02-05 12:47
一次性推荐 GitHub上13款开源项目
●在有需要时自动转换成Babel、
PostCSS
和Po
凯睿看世界
·
2024-02-04 06:09
Vue2 大屏适配
插件安装npmilib-flexiblenpmipx2rem-loader//自动将px转换为remnpmi
postcss
-pxtorem//自动将px转换为rem插件使用//main.jsimport'lib-flexible
是小李啊
·
2024-02-04 00:04
javascript
前端
vue.js
Vue - 配置vue的jsx写法以及
postcss
安装:npmi
postcss
-loaderautoprefixerbabel-loaderbabel-core有可能我们的node_modules中已经安装了上面的一些包。
廖马儿
·
2024-02-03 18:43
vue react PC/移动端 lib-flexible
postcss
-px2rem 一套自适应方法
安装lib-flexible
postcss
-px2rem两个包npmilib-flexible--savenpmi
postcss
-px2rem--savevue在main.js中引入,react在index.js
空、
·
2024-02-01 20:37
前端基础学习
react学习
vueCli项目学习材料
vue
react
自适应
postcss-px2rem
lib-flexible
vue 子组件样式覆盖问题 浅谈 scoped与 deep
它通过使用
PostCSS
来实现以下转换:.example{ color:red;} hi转换结果:.example[data-v-f3f3eg9]{
蓝晶之心
·
2024-02-01 18:33
Web
vue
初识webpack(一)概念、入口配置、输出配置、loader等
输出(output)配置(三)loader1.css文件处理(1)安装css-loader和style-loader(2)在webpack.config.js中配置loader2.less文件处理3.
postcss
DogEgg_001
·
2024-02-01 07:45
webpack
前端
vue.js
初识
PostCss
我今天个人分享的就是关于
PostCss
的一些个人理解。
前白
·
2024-01-31 13:26
vite +
postcss
-prefix-selector 增加统一作用域
为了解决这个问题,我们可以利用Vite构建工具和
PostCSS
插件
postcss
-prefix-selector,通过增加统一的作用域前缀来有效地隔离样式,确保样式仅在特定组件或模块中生效。
天問_
·
2024-01-31 10:42
Vite
postcss
前端
javascript
vite
npm安装下载修改镜像源
networkrequesttohttps://registry.npmjs.org/
postcss
-pxtoremfailed,reason:connectETIMEDOU,这是因为默认npm安装会请求国外的镜像源
SwJieJie
·
2024-01-31 10:36
npm
前端
node.js
【Vue】Vue3.0样式隔离
一、scoped我们了解到的最常见就是scoped,主要的原理是通过通过
PostCSS
为元素添加自定义属性(data-xxx-xxx),它的形式如下:.example{color:red;}hi编译后的形式
Triumph-light
·
2024-01-30 18:12
Vue框架
vue.js
前端
javascript
vue 3.0 +vite rem 适配
vue3+vite安装
postcss
-pxtorem1、安装依赖npminstall
postcss
-pxtorem-Dnpminstallamfe-flexible-D2、配置vite.config.tsimport
postCss
PxToRemfrom"
postcss
-pxtorem"exportdefaultdefineConfig
Joan_King_
·
2024-01-30 09:11
CSS自适应分辨率
postcss
-pxtorem(适用于 Vite)
如果想知道基于Webpack+Vue2可移步《CSS自适应分辨率amfe-flexible和
postcss
-pxtorem(适用于Webpack)》项目对应的主要插件版本如下:"vite":"^4.4.5
AvatarGiser
·
2024-01-29 15:25
《Vite
基础知识》
css
postcss
前端
mall 项目随笔
JavaScript语言的下一代标准)Less(CSS预处理器)Better-Scroll(让移动端的滚动更为流畅)FastClick(解决移动端点击300ms延迟)Vue-Lazyload(懒加载工具)
PostCss
coderlion
·
2024-01-28 13:39
vue开发的PC端项目使用
postcss
-to-viewport适配移动端
开发PC端项目,突然有一天产品说,手机打开样式错乱了,适配一下1.安装依赖"
postcss
-px-to-viewport":"^1.1.1",2.项目根目录创建并配置
postcss
.config.js文件
永不满足的求知者
·
2024-01-27 06:00
Vue
前端
vue.js
postcss
前端
vue3 vite使用
postcss
-px-to-viewport 实现页面自适应
一、什么是
postcss
-px-to-viewport?
postcss
-px-to-viewport是一个
PostCSS
插件,它可以将px单位转换为视口单位(vw、vh或vmin)。
前端小趴菜05
·
2024-01-25 18:03
vue.js
javascript
postcss
React 18版本配置rem 和 vw
React18版本配置rem和vw经过无数次的实验最终发现兼容性比较好的方案是配置webpack.config.js第一步:npminstalllib-flexible
postcss
-pxtoremyarnaddlib-flexible
postcss
-pxtorem
我叫汪枫
·
2024-01-25 07:14
react.js
前端
前端框架
「nuxt2配置tailwindcss」nuxt2添加tailwindcss详细步骤!解决版本不对称各种报错~~
node和npm使用版本nodev14.21.3(npmv6.14.18)1.插件下载官方文档说明npminstall-D@nuxtjs/
[email protected]
@3.4.1
postcss
Amodoro
·
2024-01-24 15:55
nuxt
nuxt2
tailwindcss
vue中使用
postcss
-pxtorem实现适配
原因:用了
postcss
-px2rem与
postcss
-px2rem-exclude导致的问题,解决方案:卸载后
postcss
-px2rem,安装使用
postcss
-pxtorem。
Esther_12e7
·
2024-01-24 15:23
react craco配置响应式
postcss
-px-to-viewport
安装yarnadd
postcss
-px-to-viewportcraco.config.jsconstpath=require("path");constpxtovw=require("
postcss
-px-to-viewport
不努力code
·
2024-01-24 12:34
react
react.js
postcss
javascript
【前端可视化】
postcss
-px-to-viewport 适配怎么限制最大宽度?使用
postcss
-mobile-forever
需求原因自己用nuxt3写官网发现用
postcss
-px-to-viewport这个插件虽然能够实现基于vw的响应式,但是无法做到限制宽度,比如设计稿1920p,我只想让最大缩放比例为1920p,不能超过
努力挣钱的小鑫
·
2024-01-24 06:45
前端可视化
postcss
前端
javascript
Vue3+Vite 利用
postcss
-pxtorem移动端适配
1.介绍
postcss
-pxtorem是
PostCSS
的插件,用于将像素单元生成rem单位。
哒哒哒Q
·
2024-01-23 21:56
postcss
vue.js
前端
vite初始化tailwind(ts)
tailwind依赖根据官网提示,tailwind需要搭配
postcss
和autoprefixernpminstall-Dtailwindcss
postcss
autoprefixer引入tailwind
秋色暮光
·
2024-01-23 03:51
笔记
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他