8000 refactor: reintegrate `tailwindcss` #178, #180 · coder-long/electron-vite-react@d51d45b · GitHub
[go: up one dir, main page]

Skip to content

Commit d51d45b

Browse files
committed
refactor: reintegrate tailwindcss electron-vite#178, electron-vite#180
1 parent 767cde8 commit d51d45b

File tree

7 files changed

+25
-26
lines changed

7 files changed

+25
-26
lines changed

package.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
}
1313
},
1414
"scripts": {
15-
"dev": "tailwindcss --watch && vite",
16-
"build": "tailwindcss && tsc && vite build && electron-builder",
15+
"dev": "vite",
16+
"build": "tsc && vite build && electron-builder",
1717
"preview": "vite preview",
1818
"pree2e": "vite build --mode=test",
1919
"e2e": "playwright test"
@@ -29,6 +29,7 @@
2929
"autoprefixer": "^10.4.16",
3030
"electron": "^26.0.0",
3131
"electron-builder": "^24.6.3",
32+
"postcss": "^8.4.31",
3233
"react": "^18.2.0",
3334
"react-dom": "^18.2.0",
3435
"tailwindcss": "^3.3.3",

postcss.config.cjs

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
module.exports = {
22
plugins: {
3-
// 'tailwindcss/nesting': {}, // https://tailwindcss.com/docs/using-with-preprocessors#nesting
3+
'postcss-import': {},
4+
'tailwindcss/nesting': {},
45
tailwindcss: {},
56
autoprefixer: {},
67
},
7-
}
8+
}

src/App.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { useState } from 'react'
2-
import UpdateElectron from '@/components/update-tailwind'
2+
import UpdateElectron from '@/components/update'
33
import logoVite from './assets/logo-vite.svg'
44
import logoElectron from './assets/logo-electron.svg'
55
import './App.css'

src/index.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
15
:root {
26
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
37
line-height: 1.5;

src/main.tsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import ReactDOM from 'react-dom/client'
33
import App from './App'
44
import './samples/node-api'
55
import './index.css'
6-
import '@/components/update-tailwind/tailwind.css';
76

87
ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
98
<React.StrictMode>

tailwind.config.cjs

Lines changed: 0 additions & 20 deletions
This file was deleted.

tailwind.config.js

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/** @type {import('tailwindcss').Config} */
2+
export default {
3+
content: [
4+
'./index.html',
5+
'./src/**/*.{js,ts,jsx,tsx}',
6+
],
7+
theme: {
8+
extend: {},
9+
},
10+
corePlugins: {
11+
preflight: false,
12+
},
13+
plugins: [],
14+
}

0 commit comments

Comments
 (0)
0