Skip to content

Commit fb159e4

Browse files
StaySharp0StaySharp0
committed
feat(electron): Hello 예제 동작(electron + webpack + SWC + typescript)
1 parent 489dd61 commit fb159e4

File tree

9 files changed

+2620
-0
lines changed

9 files changed

+2620
-0
lines changed

‎.gitignore‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,6 @@
33

44
# Dependency directories
55
node_modules/
6+
7+
# generate output
8+
dist/

‎.vscode/settings.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"editor.defaultFormatter": "esbenp.prettier-vscode",
3+
"editor.formatOnSave": true,
4+
"files.autoSave": "afterDelay"
5+
}

‎apps/ifnos-app/.swcrc‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"$schema": "https://json.schemastore.org/swcrc",
3+
"minify": true,
4+
"jsc": {
5+
"parser": {
6+
"syntax": "typescript"
7+
}
8+
},
9+
"module": {
10+
"type": "commonjs"
11+
}
12+
}

‎apps/ifnos-app/memo.md‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# Typescript Build
2+
3+
pnpm i -D @swc/cli @swc/core
4+
5+
# Webpack
6+
7+
pnpm i -D webpack webpack-cli swc-loader copy-webpack-plugin
8+
9+
# WSL2 Linux dependency
10+
11+
sudo apt install libnss3-dev libgdk-pixbuf2.0-dev libgtk-3-dev libxss-dev libasound2 libgconf-2-4 libatk1.0-0 -y
12+
13+
# Troubleshooting. 1
14+
15+
ERROR in ../../node_modules/.pnpm/electron@30.0.1/node_modules/electron/index.js 1:11-24
16+
Module not found: Error: Can't resolve 'fs' in '/home/staysharp0/ifnos/node_modules/.pnpm/electron@30.0.1/node_modules/electron'
17+
resolve 'fs' in '/home/staysharp0/ifnos/node_modules/.pnpm/electron@30.0.1/node_modules/electron'
18+
19+
webpack.config.js -> target: 'node'
20+
21+
https://stackoverflow.com/questions/48476061/electron-and-typescript-fs-cant-be-resolved

‎apps/ifnos-app/package.json‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
{
2+
"name": "ifnos-app",
3+
"version": "0.0.0",
4+
"description": "",
5+
"main": "index.js",
6+
"scripts": {
7+
"build": "webpack",
8+
"prestart": "pnpm run build",
9+
"start": "electron dist/main-bundle.js",
10+
"test": "echo \"Error: no test specified\" && exit 1"
11+
},
12+
"keywords": [],
13+
"author": "",
14+
"license": "MIT",
15+
"devDependencies": {
16+
"@swc/cli": "^0.3.12",
17+
"@swc/core": "^1.4.17",
18+
"copy-webpack-plugin": "^12.0.2",
19+
"electron": "^30.0.1",
20+
"swc-loader": "^0.2.6",
21+
"webpack": "^5.91.0",
22+
"webpack-cli": "^5.1.4"
23+
}
24+
}

‎apps/ifnos-app/public/index.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta
6+
http-equiv="Content-Security-Policy"
7+
content="default-src 'self'; script-src 'self'"
8+
/>
9+
<meta
10+
http-equiv="X-Content-Security-Policy"
11+
content="default-src 'self'; script-src 'self'"
12+
/>
13+
<title>Hello from Electron renderer!</title>
14+
</head>
15+
<body>
16+
<h1>Hello from Electron renderer!</h1>
17+
<p>👋</p>
18+
<p id="info"></p>
19+
</body>
20+
<!-- <script src="./renderer.js"></script> -->
21+
</html>

‎apps/ifnos-app/src/main.ts‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import { app, BrowserWindow } from "electron";
2+
3+
const createWindow = () => {
4+
const win = new BrowserWindow({
5+
width: 800,
6+
height: 600,
7+
});
8+
9+
win.loadFile("public/index.html");
10+
};
11+
12+
app.whenReady().then(() => {
13+
createWindow();
14+
15+
app.on("activate", () => {
16+
if (BrowserWindow.getAllWindows().length === 0) {
17+
createWindow();
18+
}
19+
});
20+
});
21+
22+
app.on("window-all-closed", () => {
23+
if (process.platform !== "darwin") {
24+
app.quit();
25+
}
26+
});

‎apps/ifnos-app/webpack.config.js‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
const path = require("path");
2+
const CopyPlugin = require("copy-webpack-plugin");
3+
4+
module.exports = {
5+
target: "electron-main",
6+
mode: "none",
7+
entry: "./src/main.ts",
8+
output: {
9+
filename: "[name]-bundle.js",
10+
path: path.resolve(__dirname + "/dist"),
11+
},
12+
module: {
13+
rules: [
14+
{
15+
test: /\.(m?js?|ts)$/,
16+
exclude: /(node_modules)/,
17+
use: {
18+
loader: "swc-loader",
19+
},
20+
},
21+
],
22+
},
23+
plugins: [
24+
new CopyPlugin({
25+
patterns: [{ from: "public", to: "public" }],
26+
}),
27+
],
28+
};

0 commit comments

Comments
 (0)