如何将TailwindCSS安装到Django项目？

Question

如何在Django项目中安装Tailwind CSS，以在没有CDN的情况下开始使用？

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

Answer 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.css文件，其中包含Tailwind基础，组件和实用程序。