当前位置: 首页 > news >正文

react-create-app整合windicss

引用:https://blog.csdn.net/gitblog_00339/article/details/142544145

package.json:

    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "react-scripts": "5.0.1",
    "typescript": "^4.9.5",
    "tailwindcss": "^2.2.19"

创建tailwind.config.js:

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./src/**/*.{js,jsx,ts,tsx}"
    ],
    theme: {
        extend: {},
    },
    plugins: [],
}

引入css:

/* src/styles/index.css */
/* purgecss start ignore */
@tailwind  base;
@tailwind  components;

/* purgecss end ignore */

@tailwind utilities;
react项目初始化
npm i react-router-dom
npm i react-redux @reduxjs/toolkit

相关文章:

  • 计算机视觉(CV)技术的优势和挑战
  • 2025.3.26总结
  • Camera控制:你需要掌握的理论基础
  • 医院管理系统(源码)分享
  • TCP/IP的网络连接设备
  • 重生细胞全符文获取攻略
  • 基于Spring Boot的成绩管理系统后台实现
  • 【智能体】从一个聊天工作流了解LangGraph
  • LLM - R1 强化学习 DRPO 策略优化 DAPO 与 Dr. GRPO 算法 教程
  • Mean Shift 图像分割与 Canny 边缘检测教程
  • 如何使用动作捕捉系统训练人形机器人
  • Apache Iceberg 解析,一文了解Iceberg定义、应用及未来发展
  • Logback使用和常用配置
  • 适配器模式及其典型应用
  • 【C++网络编程】第9篇:安全网络编程(TLS/SSL)
  • 【银河麒麟系统常识】命令:dotnet build(编译)
  • IsaacLab最新2025教程(7)-引入IK solver控制机器人
  • gitee 常用指令
  • 【Android】SharedMemory获取文件描述符
  • 《熔化焊接与热切割作业》备考建议
  • 浙江推动人工智能终端消费:家居机器人纳入以旧换新补贴范围
  • CBA官方对孙铭徽罚款3万、广厦投资人楼明停赛2场罚款5万
  • 从良渚到三星堆:一江水串起了5000年的文明对话
  • 小米汽车回应部分SU7前保险杠形变
  • 林诗栋/蒯曼混双取胜,国乒赢得多哈世乒赛开门红
  • 福州一宋代古墓被指沦为露天厕所,仓山区博物馆:已设置围挡