顺风css设计理念与实现

Question

我的团队经理想在项目中第一次实现顺风CSS，而我是顺风CSS的新手该项目有一些香草CSS文件，所以我的问题是，我是否需要写新的顺风CSS样式表从头开始还是有更好的解决方案…请通知

我尝试使用命令npx tailwindcss -i input.css -o output.css将旧的香草css文件转换为顺风文件，但它没有帮助

Answer 1

您提到的npx tailwindcss -i input.css -o output.css命令是从tailwindcss的实用程序类生成普通CSS，而不是相反。

tailwind，最后，只是一个CSS文件，你可以在你的项目中有多个CSS文件，但为了避免冲突，使用前缀例如:"tw-"在您的tailwind.config.js中，以便它生成tw-bg-black

类

// tailwind.config.js
module.exports = {
prefix: 'tw-',
}

Answer 2

顺风CSS是一个实用的CSS框架。

要使用它，你必须在你的元素上编写类。

你可以通过导入旧的css样式表来保留旧的css，但是如果你使用顺风，你不应该有大的css样式表。这样利用顺风是没有用的。

有官方文档从顺风开始

Answer 3

顺风CSS如果您不知道如何使用它，请阅读文档

如果没有，你可以添加顺风CSS扩展，如果你使用，在这里输入图像描述vs代码这会让你的工作更轻松。