关于vite+vue3引入tailwind框架的正确方式

news/2024/7/10 1:58:11 标签: vue, vite, vue3, tailwind, postcss
  • 首先可以明确的知道,只按照官网的配置是会导致样式不加载或者加载不生效等问题的。

正确的处理方案

1.首先按照官网的指示安装

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

2.然后项目根目录创建postcss.config.js文件

module.exports = {
   
  plugins: {
   
    tailwindcss: {
   },
    autoprefixer: {
   }

http://www.niftyadmin.cn/n/5453371.html

相关文章

【免费教程】创建元宇宙3D纪念馆、发布云祭扫3D模型的免费教程

免注册步骤如下: 1、下载html浏览器纯净版(推荐电脑打开,网址:https://gitee.com/dtnsman/dtns/raw/master/release/dtns.connector-html.dist-2024-3-27-web.zip 2、切换至:dev00mansfast(或qw&#xff…

畅捷通T+ Ufida.T.DI.UIP.RRA.RRATableController 远程命令执行漏洞

一、漏洞信息 漏洞名称:畅捷通T Ufida.T.DI.UIP.RRA.RRATableController 远程命令执行漏洞 漏洞类别:远程命令执行漏洞 风险等级:高危 二、漏洞描述 畅捷通TPlus适用于异地多组织、多机构对企业财务汇总的管理需求;全面支持企…

android 13长按power键没有关机菜单

android 13集成GMS全家桶后长按power按键没有关机菜单出来。查看源码 frameworks/base/services/core/java/com/android/server/policy/PhoneWindowManager private void powerLongPress(long eventTime) {final int behavior getResolvedLongPressOnPowerBehavior();Slog.d…

开关电源为什么要接假负载?答案就在这

在电子设备的设计和调试过程中,很多电子工程师会遇见这样的情形:开关电源接假负载,虽然这样做的好处是可以保护电源本身,能提高电路的稳定性和可靠性,但细究原因很少人知道,所以下面将详细探讨这个问题。 1…

武汉星起航:亚马逊卖家运营新指南,爆款品类揭秘

随着全球电商市场的蓬勃发展,亚马逊作为领先的在线零售平台,为卖家提供了无限的商机。然而,在浩如烟海的商品中,如何选择低风险、高回报的产品,成为每个亚马逊卖家关注的焦点。近日,武汉星起航凭借其深厚的…

Postwoman 安装

Postwoman作为Postman的女朋友,具有免费开源、轻量级、快速且美观等特性,是一款非常好用的API调试工具。能帮助程序员节省时间,提升工作效率。 Github地址:GitHub - hoppscotch/hoppscotch: 👽 Open source API devel…

如何从外网访问内网服务器?

在网络通信中,内网服务器指的是位于私有网络内部的服务器,它们可以提供各种服务,如网站、应用程序等。由于安全性的考虑,内网服务器通常无法直接从外部网络访问。本文将介绍如何通过使用【天联】组网来实现从外网访问内网服务器的…

第十一届蓝桥杯大赛第二场省赛试题 CC++ 研究生组-寻找2020

数据很恶心&#xff0c;但是考点挺友好~ 把测试数据黏贴到记事本中&#xff0c;知测试数据的行列数 然后根据规则判断2020是否出现&#xff0c;并累计其次数即可。 判断可能需要注意超出下标&#xff0c;可以索性把数组定大些。 #include<stdio.h> const int N 310; ch…