File tree Expand file tree Collapse file tree 1 file changed +5
-4
lines changed Expand file tree Collapse file tree 1 file changed +5
-4
lines changed Original file line number Diff line number Diff line change @@ -22,13 +22,13 @@ let steps = [
22
22
body : ( ) => (
23
23
< p >
24
24
Install < code > tailwindcss</ code > via npm, and then run the init command to generate a{ ' ' }
25
- < code > tailwind.config.ts</ code > file.
25
+ < code > tailwind.config.ts</ code > and < code > postcss.config.js </ code > file.
26
26
</ p >
27
27
) ,
28
28
code : {
29
29
name : 'Terminal' ,
30
30
lang : 'terminal' ,
31
- code : 'npm install -D tailwindcss\nnpx tailwindcss init --ts' ,
31
+ code : 'npm install -D tailwindcss postcss autoprefixer \nnpx tailwindcss init --ts -p ' ,
32
32
} ,
33
33
} ,
34
34
{
@@ -77,7 +77,8 @@ let steps = [
77
77
code : {
78
78
name : 'root.tsx' ,
79
79
lang : 'tsx' ,
80
- code : `import stylesheet from "~/tailwind.css";
80
+ code : `import type { LinksFunction } from "@remix-run/node";
81
+ import stylesheet from "~/tailwind.css?url";
81
82
82
83
export const links: LinksFunction = () => [
83
84
{ rel: "stylesheet", href: stylesheet },
@@ -101,7 +102,7 @@ export const links: LinksFunction = () => [
101
102
title : 'Start using Tailwind in your project' ,
102
103
body : ( ) => < p > Start using Tailwind’s utility classes to style your content.</ p > ,
103
104
code : {
104
- name : 'index .tsx' ,
105
+ name : '_index .tsx' ,
105
106
lang : 'tsx' ,
106
107
code : ` export default function Index() {
107
108
return (
You can’t perform that action at this time.
0 commit comments