如何将 TailwindCSS 安装到 Django 项目中？答案

【问题标题】：How to install TailwindCSS to a Django project?如何将 TailwindCSS 安装到 Django 项目中？
【发布时间】：2020-12-05 17:29:50
【问题描述】：

如何在 Django 项目中安装 Tailwind css 以便在没有 CDN 的情况下入门？

使用 TailwindCSS 官方网站的安装教程没有成功。经过一番研究，我找到了问题的答案。

【问题讨论】：

【解决方案1】：

1.转到您想要的文件夹进行安装。就我而言：

 mkdir static/css/tailwind

 cd static/css/tailwind

2。创建 package.json：

npm init -y

3.通过 npm 安装 Tailwind：

npm i tailwindcss

4.创建一个css文件（我的是tw.css）并从official Tailwind documentation添加代码：

@tailwind base;
@tailwind components;
@tailwind utilities;

5.打开 package.json 并将此更改为“脚本”：

  "scripts": {
    "build:css": "tailwind build tw.css -o ../tailwind.css"
  },

tw.css 是我们创建的文件的位置。 ../tailwind.css 是我们希望使用 TailwindCSS 创建新文件的位置。

6.运行写好的脚本

npm run build:css

运行此命令后，我们将拥有一个包含 Tailwind 基础、组件和实用程序的 tailwind.css 文件。

【讨论】：