位置: IT常识 - 正文

vite配置postcss-autoprefixer,实现自动添加css属性前缀(vite配置详解)

编辑:rootadmin
vite配置postcss-autoprefixer,实现自动添加css属性前缀

推荐整理分享vite配置postcss-autoprefixer,实现自动添加css属性前缀(vite配置详解),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vite配置postcss,vite配置文件,vite配置详解,vite配置postcss,vite配置详解,vite配置跨域,vite配置postcss,vite配置跨域,内容如对您有帮助,希望把文章链接给更多的朋友!

vite: 4.1.4

首先去vite官网逛逛,因为autoprefixer属于postcss类,所以在官网的配置共享配置中找到关于css.postcss配置项

发现vite对于postcss有两种不同的配置方式:1.内联配置 2.开发者使用postcss-load-config插件推荐的配置方法(vite内置了postcss-load-config插件)具体怎么配置可以看插件官网 GitHub - postcss/postcss-load-config: Autoload Config for PostCSSzAutoload Config for PostCSS. Contribute to postcss/postcss-load-config development by creating an account on GitHub.https://github.com/postcss/postcss-load-config

vite配置postcss-autoprefixer,实现自动添加css属性前缀(vite配置详解)

这里我选择内联配置(懒得新建一个文件了), 这里要注意对于postcss配置对象里的plugins选项vite只支持数组格式,大概长这样:

接着下载

npm i autoprefixer -D

然后在vite.config.json里加入

// vite.config.jsonexport default defineConfig({ // ...... css: { postcss: { plugins: [ require('autoprefixer')() ] } }})

这里autoprefixer就采取默认配置了不单独配置了没啥用,具体配置去autoprefixer文档里看

GitHub - postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use

最后测试成功自动加了前缀

 

本文链接地址:https://www.jiuchutong.com/zhishi/287082.html 转载请保留说明!

上一篇:嘴型融合 wav2lip 升级版

下一篇:vue - vue使用腾讯api进行定位获取,绘制地图、标点、搜索、路线规划(vue ng)

  • airpods pro怎么查看电池的剩余电量(airpods pro怎么查保修)

    airpods pro怎么查看电池的剩余电量(airpods pro怎么查保修)

  • ipx4级防水表示什么(ipx4级防水是什么意思)

    ipx4级防水表示什么(ipx4级防水是什么意思)

  • 苹果不激活能连接爱思助手吗(苹果激活不连wifi可以么)

    苹果不激活能连接爱思助手吗(苹果激活不连wifi可以么)

  • 抖音里左下角链接在哪里(抖音中的左下角链接在哪)

    抖音里左下角链接在哪里(抖音中的左下角链接在哪)

  • qq的文稿与数据在哪里清理(qq的文稿与数据删了没事吧)

    qq的文稿与数据在哪里清理(qq的文稿与数据删了没事吧)

  • spss中的p值是什么(spss中p值的含义)

    spss中的p值是什么(spss中p值的含义)

  • 荣耀是什么牌子的手机(荣耀是什么牌子旗下的)

    荣耀是什么牌子的手机(荣耀是什么牌子旗下的)

  • 新换的手机电池有虚电吗(新换的手机电池耗电快怎么回事)

    新换的手机电池有虚电吗(新换的手机电池耗电快怎么回事)

  • 小米手环监管什么意思(小米手环进入监管模式怎么办)

    小米手环监管什么意思(小米手环进入监管模式怎么办)

  • 指纹验证失败什么原因(指纹验证失败什么情况)

    指纹验证失败什么原因(指纹验证失败什么情况)

  • 计算器上ac代表什么(计算器上ac是什么)

    计算器上ac代表什么(计算器上ac是什么)

  • 小米6支持qc3.0快充吗(小米6是否支持快充)

    小米6支持qc3.0快充吗(小米6是否支持快充)

  • 华为有语音唤醒功能吗(华为有语音唤醒吗怎么唤醒)

    华为有语音唤醒功能吗(华为有语音唤醒吗怎么唤醒)

  • word文档有几种视图方式(Word文档有几种视图显示模式)

    word文档有几种视图方式(Word文档有几种视图显示模式)

  • 快手里怎么加入粉丝团(快手里怎么加入黑名单)

    快手里怎么加入粉丝团(快手里怎么加入黑名单)

  • 怎么下载老版本微信(怎么下载老版本的软件)

    怎么下载老版本微信(怎么下载老版本的软件)

  • 怎么添加威锋软件源(怎么添加威锋软件到桌面)

    怎么添加威锋软件源(怎么添加威锋软件到桌面)

  • 荣耀5和5i的区别(荣耀5和5i的区别是什么)

    荣耀5和5i的区别(荣耀5和5i的区别是什么)

  • 华为双系统怎么切换(华为双系统怎么设置)

    华为双系统怎么切换(华为双系统怎么设置)

  • 苹果x日历不显示节假日(苹果x日历不显示父亲节)

    苹果x日历不显示节假日(苹果x日历不显示父亲节)

  • 虾米音乐怎么绑定淘宝(虾米音乐怎么解除绑定手机号)

    虾米音乐怎么绑定淘宝(虾米音乐怎么解除绑定手机号)

  • vivox9去哪里互传(vivox9s手机互传在哪里)

    vivox9去哪里互传(vivox9s手机互传在哪里)

  • 快手必须要本人直播吗(快手必须本人的身份证提现吗)

    快手必须要本人直播吗(快手必须本人的身份证提现吗)

  • 怎么关闭青少年模式(oppo手机怎么关闭青少年)

    怎么关闭青少年模式(oppo手机怎么关闭青少年)

  • 手机怎么开通银联支付(手机怎么开通银行卡余额变动提醒)

    手机怎么开通银联支付(手机怎么开通银行卡余额变动提醒)

  • 鲜艳多彩的爪哇树蛙,印度尼西亚 (© kuritafsheen/Getty Images)(鲜艳的多彩的英文)

    鲜艳多彩的爪哇树蛙,印度尼西亚 (© kuritafsheen/Getty Images)(鲜艳的多彩的英文)

  • 劳务公司为一般纳税人的税率
  • 销售白酒是否要交消费税?
  • 标的物的风险负担
  • 应收账款和应付账款对冲会计分录
  • 子公司的实收资本合并报表怎么做
  • 公司办公室收到上级主管部门的一份
  • 超过诉讼时效的答辩状怎么写
  • 未入账成本
  • 金融机构往来利息支出
  • 减半征收政策
  • 内账价税分离余额怎么处理
  • 企业发生的销售折让
  • 代开专票怎么做账?
  • 小规模纳税人年度不超过500万
  • 股票交易的印花税和手续费是多少
  • 银行要求的补偿性余额所占比例为20%
  • 广告公司返点是什么意思
  • 农业合作社出售农产品怎么计税
  • 新政府会计制度科目表
  • 库存退回
  • 库存现金的含义及特点
  • 企业人员工资怎么避税
  • 摇篮山圣克莱尔湖国家公园
  • php imagecopymerge
  • 短期借款转长期借款利息
  • 高新技术企业在哪申报年报
  • vue调用后端接口的方法
  • thinkphp框架入门
  • 饲料企业经营范围
  • 增值税专用发票电子版
  • php解析配置文件
  • 教你一行代码
  • css中文字垂直排列
  • 车间主要有哪些事故风险
  • 专利收费的职能包括
  • 递延所得税资产借贷方向
  • python多态的概念
  • java中同步
  • 房地产返佣
  • 销售收入和销售收入净额的区别
  • 增值税主表和附表
  • 专项应付款转资本公积需要缴纳所得税
  • 营改增有关事项的规定
  • 简易计税的增值税税率
  • 企业支付的佣金计算多少税率呢
  • a公司持有b公司
  • 佣金怎样算
  • 销售返现如何做账务处理
  • 长期股权投资减值准备
  • 财务费用是负数什么意思
  • 高新技术企业一定是先进制造业吗
  • 开发阶段的支出计入什么科目
  • 银行公司账户限额
  • 总产值的计算方法是什么
  • 在建工程不做了发生的费用如何做账?
  • 农业银行多级账簿可以代发工资吗
  • mysql 5.7.30安装
  • win10右键菜单怎么设置
  • ubuntu恢复rm –rf删除的文件
  • centos真机安装后只有lo
  • ubuntu系统怎么进入命令行
  • centos screen命令
  • win8系统开机桌面文件不见了
  • centos init
  • win10任务界面
  • centos安装软件教程
  • awk中使用sed
  • win7系统360浏览器书签
  • WIN10更新失败
  • jquery可以实现哪些效果
  • android不同module怎么相互调用
  • 判断输入的日期是一年中第几天
  • Css属性中表示字体的是
  • 使用linux的收获心得
  • python过程中遇到的问题
  • javascript entries
  • jquery foreach循环
  • node cd
  • 监听页面滚动事件
  • 北京地税局上班时间查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设