From 7100316bf1bad8a0ef875242d924a25d2d8a43ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=8D=89=E9=9E=8B=E6=B2=A1=E5=8F=B7?= <308487730@qq.com> Date: Mon, 1 Nov 2021 10:06:07 +0800 Subject: [PATCH] =?UTF-8?q?chore(structure):=20=E5=9F=BA=E6=9C=AC=E7=9B=AE?= =?UTF-8?q?=E5=BD=95=E7=BB=93=E6=9E=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 4 ++++ common/consts.ts | 0 main/index.ts | 0 package.json | 8 +++++++ preload/index.main.ts | 0 preload/index.win1.ts | 0 react-ts/.gitignore | 5 +++++ react-ts/index.html | 13 +++++++++++ react-ts/package.json | 20 +++++++++++++++++ react-ts/src/App.css | 42 +++++++++++++++++++++++++++++++++++ react-ts/src/App.tsx | 45 ++++++++++++++++++++++++++++++++++++++ react-ts/src/favicon.svg | 15 +++++++++++++ react-ts/src/index.css | 13 +++++++++++ react-ts/src/logo.svg | 7 ++++++ react-ts/src/main.tsx | 11 ++++++++++ react-ts/src/vite-env.d.ts | 1 + react-ts/tsconfig.json | 20 +++++++++++++++++ react-ts/vite.config.ts | 7 ++++++ scripts/build-main.ts | 0 scripts/build-preload.ts | 0 scripts/rollup.config.ts | 0 21 files changed, 211 insertions(+) create mode 100644 common/consts.ts create mode 100644 main/index.ts create mode 100644 package.json create mode 100644 preload/index.main.ts create mode 100644 preload/index.win1.ts create mode 100644 react-ts/.gitignore create mode 100644 react-ts/index.html create mode 100644 react-ts/package.json create mode 100644 react-ts/src/App.css create mode 100644 react-ts/src/App.tsx create mode 100644 react-ts/src/favicon.svg create mode 100644 react-ts/src/index.css create mode 100644 react-ts/src/logo.svg create mode 100644 react-ts/src/main.tsx create mode 100644 react-ts/src/vite-env.d.ts create mode 100644 react-ts/tsconfig.json create mode 100644 react-ts/vite.config.ts create mode 100644 scripts/build-main.ts create mode 100644 scripts/build-preload.ts create mode 100644 scripts/rollup.config.ts diff --git a/.gitignore b/.gitignore index 6214c43..410125c 100644 --- a/.gitignore +++ b/.gitignore @@ -78,3 +78,7 @@ typings/ # DynamoDB Local files .dynamodb/ + +# ---- +dist +**/.tmp diff --git a/common/consts.ts b/common/consts.ts new file mode 100644 index 0000000..e69de29 diff --git a/main/index.ts b/main/index.ts new file mode 100644 index 0000000..e69de29 diff --git a/package.json b/package.json new file mode 100644 index 0000000..f305d68 --- /dev/null +++ b/package.json @@ -0,0 +1,8 @@ +{ + "name": "electron-react-vite", + "version": "1.0.0", + "description": "Electron React Vite boilerplate.", + "main": "dist/main/index.js", + "author": "草鞋没号 <308487730@qq.com>", + "license": "MIT" +} diff --git a/preload/index.main.ts b/preload/index.main.ts new file mode 100644 index 0000000..e69de29 diff --git a/preload/index.win1.ts b/preload/index.win1.ts new file mode 100644 index 0000000..e69de29 diff --git a/react-ts/.gitignore b/react-ts/.gitignore new file mode 100644 index 0000000..d451ff1 --- /dev/null +++ b/react-ts/.gitignore @@ -0,0 +1,5 @@ +node_modules +.DS_Store +dist +dist-ssr +*.local diff --git a/react-ts/index.html b/react-ts/index.html new file mode 100644 index 0000000..38f3861 --- /dev/null +++ b/react-ts/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite App + + +
+ + + diff --git a/react-ts/package.json b/react-ts/package.json new file mode 100644 index 0000000..78487a6 --- /dev/null +++ b/react-ts/package.json @@ -0,0 +1,20 @@ +{ + "name": "react-ts", + "version": "0.0.0", + "scripts": { + "dev": "vite", + "build": "tsc && vite build", + "serve": "vite preview" + }, + "dependencies": { + "react": "^17.0.0", + "react-dom": "^17.0.0" + }, + "devDependencies": { + "@types/react": "^17.0.0", + "@types/react-dom": "^17.0.0", + "@vitejs/plugin-react": "^1.0.0", + "typescript": "^4.3.2", + "vite": "^2.6.4" + } +} \ No newline at end of file diff --git a/react-ts/src/App.css b/react-ts/src/App.css new file mode 100644 index 0000000..8da3fde --- /dev/null +++ b/react-ts/src/App.css @@ -0,0 +1,42 @@ +.App { + text-align: center; +} + +.App-logo { + height: 40vmin; + pointer-events: none; +} + +@media (prefers-reduced-motion: no-preference) { + .App-logo { + animation: App-logo-spin infinite 20s linear; + } +} + +.App-header { + background-color: #282c34; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; +} + +.App-link { + color: #61dafb; +} + +@keyframes App-logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +button { + font-size: calc(10px + 2vmin); +} diff --git a/react-ts/src/App.tsx b/react-ts/src/App.tsx new file mode 100644 index 0000000..3d9bd71 --- /dev/null +++ b/react-ts/src/App.tsx @@ -0,0 +1,45 @@ +import { useState } from 'react' +import logo from './logo.svg' +import './App.css' + +function App() { + const [count, setCount] = useState(0) + + return ( +
+
+ logo +

Hello Vite + React!

+

+ +

+

+ Edit App.tsx and save to test HMR updates. +

+

+ + Learn React + + {' | '} + + Vite Docs + +

+
+
+ ) +} + +export default App diff --git a/react-ts/src/favicon.svg b/react-ts/src/favicon.svg new file mode 100644 index 0000000..de4aedd --- /dev/null +++ b/react-ts/src/favicon.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/react-ts/src/index.css b/react-ts/src/index.css new file mode 100644 index 0000000..ec2585e --- /dev/null +++ b/react-ts/src/index.css @@ -0,0 +1,13 @@ +body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +code { + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + monospace; +} diff --git a/react-ts/src/logo.svg b/react-ts/src/logo.svg new file mode 100644 index 0000000..6b60c10 --- /dev/null +++ b/react-ts/src/logo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/react-ts/src/main.tsx b/react-ts/src/main.tsx new file mode 100644 index 0000000..606a3cf --- /dev/null +++ b/react-ts/src/main.tsx @@ -0,0 +1,11 @@ +import React from 'react' +import ReactDOM from 'react-dom' +import './index.css' +import App from './App' + +ReactDOM.render( + + + , + document.getElementById('root') +) diff --git a/react-ts/src/vite-env.d.ts b/react-ts/src/vite-env.d.ts new file mode 100644 index 0000000..11f02fe --- /dev/null +++ b/react-ts/src/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/react-ts/tsconfig.json b/react-ts/tsconfig.json new file mode 100644 index 0000000..9f83659 --- /dev/null +++ b/react-ts/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "target": "ESNext", + "useDefineForClassFields": true, + "lib": ["DOM", "DOM.Iterable", "ESNext"], + "allowJs": false, + "skipLibCheck": false, + "esModuleInterop": false, + "allowSyntheticDefaultImports": true, + "strict": true, + "forceConsistentCasingInFileNames": true, + "module": "ESNext", + "moduleResolution": "Node", + "resolveJsonModule": true, + "isolatedModules": true, + "noEmit": true, + "jsx": "react-jsx" + }, + "include": ["./src"] +} diff --git a/react-ts/vite.config.ts b/react-ts/vite.config.ts new file mode 100644 index 0000000..b1b5f91 --- /dev/null +++ b/react-ts/vite.config.ts @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +// https://vitejs.dev/config/ +export default defineConfig({ + plugins: [react()] +}) diff --git a/scripts/build-main.ts b/scripts/build-main.ts new file mode 100644 index 0000000..e69de29 diff --git a/scripts/build-preload.ts b/scripts/build-preload.ts new file mode 100644 index 0000000..e69de29 diff --git a/scripts/rollup.config.ts b/scripts/rollup.config.ts new file mode 100644 index 0000000..e69de29