带蒸气和Laravel混合的Tailwind CSS

因此,您使用的是Vapor及其模板引擎Leaf,因为您是Swift专业人士,现在您想使用Tailwind CSS在您的Vapor应用上添加一些前端魔术吗?

好吧,我已经覆盖了您,走起来相对容易。

为了实现这一目标,我们将使用一个名为Laravel Mix的工具,该工具是由Laravel社区Jeffery Way中的知名家伙创建的。

Laravel Mix是包装Webpack的工具,它为您提供了一个非常好的和简单的API,可以与Webpack进行内联。


安装Laravel Mix

首先,我们需要安装Laravel Mix,我假设您知道这些知识,所以我将跳过Node / NPM的安装。

成功编译Tailwind CSS文件后,您可以告诉Vapor通过Public目录提供我们的静态文件。 幸运的是,蒸气使这个超级容易。

打开您的configure.swift文件,并取消注释以下行:
middlewares.use(FileMiddleware.self)

现在剩下要做的就是将CSS文件导入到Leaf模板中:

就是这样,您完成了!

感谢您的阅读,希望对您有所帮助。 如有任何疑问,请发表评论。

Interesting Posts