chore: adjust tailwindcss
Browse files- .gitignore +1 -0
- index.html +1 -0
- package.json +4 -2
- src/index.tsx +1 -1
- src/{global.css → input.css} +0 -0
- tailwind.config.js +1 -1
.gitignore
CHANGED
|
@@ -11,6 +11,7 @@ node_modules
|
|
| 11 |
dist
|
| 12 |
dist-ssr
|
| 13 |
*.local
|
|
|
|
| 14 |
|
| 15 |
# Editor directories and files
|
| 16 |
.vscode/*
|
|
|
|
| 11 |
dist
|
| 12 |
dist-ssr
|
| 13 |
*.local
|
| 14 |
+
output
|
| 15 |
|
| 16 |
# Editor directories and files
|
| 17 |
.vscode/*
|
index.html
CHANGED
|
@@ -4,6 +4,7 @@
|
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
| 7 |
<title>Vite + Solid + TS</title>
|
| 8 |
</head>
|
| 9 |
<body>
|
|
|
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
+
<link rel="stylesheet" href="output/output.css">
|
| 8 |
<title>Vite + Solid + TS</title>
|
| 9 |
</head>
|
| 10 |
<body>
|
package.json
CHANGED
|
@@ -4,9 +4,11 @@
|
|
| 4 |
"version": "0.0.0",
|
| 5 |
"type": "module",
|
| 6 |
"scripts": {
|
| 7 |
-
"dev": "vite",
|
| 8 |
"build": "tsc -b && vite build",
|
| 9 |
-
"preview": "vite preview"
|
|
|
|
|
|
|
| 10 |
},
|
| 11 |
"dependencies": {
|
| 12 |
"solid-js": "^1.9.1"
|
|
|
|
| 4 |
"version": "0.0.0",
|
| 5 |
"type": "module",
|
| 6 |
"scripts": {
|
| 7 |
+
"dev": "npm run build:css && vite",
|
| 8 |
"build": "tsc -b && vite build",
|
| 9 |
+
"preview": "vite preview",
|
| 10 |
+
"css:dev": "tailwindcss -i src/input.css -o output/output.css --watch",
|
| 11 |
+
"build:css": "tailwindcss -i src/input.css -o output/output.css"
|
| 12 |
},
|
| 13 |
"dependencies": {
|
| 14 |
"solid-js": "^1.9.1"
|
src/index.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
| 1 |
/* @refresh reload */
|
| 2 |
import { render } from 'solid-js/web'
|
| 3 |
|
| 4 |
-
import './
|
| 5 |
import App from './Home/App'
|
| 6 |
|
| 7 |
const root = document.getElementById('root')
|
|
|
|
| 1 |
/* @refresh reload */
|
| 2 |
import { render } from 'solid-js/web'
|
| 3 |
|
| 4 |
+
import './input.css'
|
| 5 |
import App from './Home/App'
|
| 6 |
|
| 7 |
const root = document.getElementById('root')
|
src/{global.css → input.css}
RENAMED
|
File without changes
|
tailwind.config.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
| 1 |
/** @type {import('tailwindcss').Config} */
|
| 2 |
export default {
|
| 3 |
-
content: [],
|
| 4 |
theme: {
|
| 5 |
extend: {},
|
| 6 |
},
|
|
|
|
| 1 |
/** @type {import('tailwindcss').Config} */
|
| 2 |
export default {
|
| 3 |
+
content: ["./**/*.tsx"],
|
| 4 |
theme: {
|
| 5 |
extend: {},
|
| 6 |
},
|