安装
在 Meteor 项目中设置 Tailwind CSS。
如果你还没有设置项目,首先创建一个新的 Meteor 项目。最常用的方法是使用 Meteor 命令行界面 (CLI).
npx meteor create my-projectcd my-project
通过 npm 安装 @tailwindcss/postcss
及其对等依赖。
npm install tailwindcss @tailwindcss/postcss postcss postcss-load-config
在你的项目根目录中创建一个 postcss.config.mjs
文件,并添加 @tailwindcss/postcss
插件到你的 PostCSS 配置中。
export default { plugins: { "@tailwindcss/postcss": {}, },};
在你的 ./client/main.css
文件中为 Tailwind CSS 添加一个 @import
。
@import "tailwindcss";
使用 npm run start
运行你的构建过程。
npm run start
开始使用 Tailwind 的实用类来设计你的内容样式。
export const App = () => ( <h1 className="text-3xl font-bold underline"> Hello world! </h1>)