如何在Django项目（不仅是CDN）中使用TailwindCSS的所有功能，包括具有自动重载功能的干净工作流程，以及purgeCSS步骤已准备好投入生产？
谷歌搜索时，我发现了一个名为django-tailwind的python软件包，但在此过程中并没有真正帮助我。
在Django项目中创建一个新目录，就像在任何普通JS项目设置中一样，在其中安装tailwindCSS：
cd your-django-folder; mkdir jstoolchain; cd jstoolchain
npm install tailwindcss postcss-cli autoprefixer
npx tailwind init
touch postcss.config.js
在此postcss.config.js文件中，添加：
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer')
]
}
mkdir css; touch css/tailwind.css
在此tailwind.css文件中，至少添加以下内容：
@tailwind base;
@tailwind components;
@tailwind utilities;
现在，在jstoolchain / packages.json文件中添加一个脚本以创建构建过程并指定输出文件，例如：
{
"scripts": {
"build": "postcss css/tailwind.css -o ../your-django-folder/your-path-to-static/css/tailwind-output.css"
}
}
现在，运行；
npm run-script build
这应该运行无误，并且tailwind-output.css现在应该充满成千上万的行。现在，您实际上可以使用tailwindCSS类，方法是将输出的css文件包括在Django模板文件中，以及Django的调用以加载静态文件：
{% load static %}
<head>
<link rel="stylesheet" href="{% static "css/tailwind-output.css" %}">
</head>
为了简化开发，现在缺少的是在更改和保存HTML文件时自动重新加载django开发服务器。为此，我安装了django-livereload-server。
只需按照设置说明进行操作，即可立即使用，无需任何特殊配置。
准备部署时，为确保CSS输出文件不会因无用的类而use肿，请转到jstoolchain / tailwind.config.js文件，并添加：
purge: {
enabled: true,
content: ['../your-django-folder/path-to-your-templates/**/*.html'],
},
现在，运行构建脚本应该生成一个小得多的CSS输出，可投入生产的文件。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句