如何将TailwindCSS安装到Django项目中

Question

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

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

Answer 1

1。转到所需的文件夹进行安装。在我的情况下：

mkdir static/css/tailwind
cd static/css/tailwind

2.创建包.json:

npm init -y

3.通过npm安装顺风：

npm i tailwindcss

4.创建一个css文件(我的是tw.css(，并添加来自官方Tailwind文档的代码：

@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文件。