vel*_*vel 5 javascript npm reactjs electron electron-forge
我一直在尝试打包一个电子应用程序,但它从未经过这个阶段:
我已经尝试了3次,每次都需要几个小时,但没有完成松鼠的包装。
包.json:
{
"name": "NAME",
"version": "0.1.0",
"private": false,
"author": "AUTHOR",
"description": "DESCRIPTION.",
"dependencies": {
"@emotion/react": "^11.10.0",
"@emotion/styled": "^11.10.0",
"@fortawesome/fontawesome-svg-core": "^6.1.2",
"@fortawesome/free-brands-svg-icons": "^6.1.2",
"@fortawesome/free-solid-svg-icons": "^6.1.2",
"@fortawesome/react-fontawesome": "^0.2.0",
"@material-ui/core": "^4.12.4",
"@mui/material": "^5.9.2",
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.3.0",
"@testing-library/user-event": "^13.5.0",
"bootstrap": "^5.2.0",
"cross-env": "^7.0.3",
"electron": "^19.0.10",
"electron-compile": "^6.4.4",
"electron-forge": "^5.2.4",
"electron-is-dev": "^2.0.0",
"react": "^18.2.0",
"react-bootstrap": "^2.4.0",
"react-dom": "^18.2.0",
"react-dropdown": "^1.10.0",
"react-modal": "^3.15.1",
"react-scripts": "5.0.1",
"reactjs-popup": "^2.0.5",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"dev": "concurrently -k \"cross-env BROWSER=none npm start\" \"npm:electron\"",
"electron": "wait-on tcp:3000 && electron .",
"package": "react-scripts build && electron-forge package",
"make-mac": "react-scripts build && electron-forge make --platform darwin",
"make-linux": "react-scripts build && electron-forge make --platform linux",
"make": "react-scripts build && electron-forge make"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"concurrently": "^7.3.0",
"electron-prebuilt-compile": "8.2.0",
"wait-on": "^6.0.1"
},
"main": "public/electron.js",
"homepage": "./",
"config": {
"forge": {
"packagerConfig": {},
"makers": [
{
"name": "@electron-forge/maker-squirrel",
"config": {
"name": "stock_trading_app"
}
},
{
"name": "@electron-forge/maker-zip",
"platforms": [
"darwin",
"linux",
"win32"
]
},
{
"name": "@electron-forge/maker-deb",
"config": {}
},
{
"name": "@electron-forge/maker-rpm",
"config": {}
}
]
}
}
}
Run Code Online (Sandbox Code Playgroud)
application
我的文件夹中出现一个文件out > win32-x64
,但它不是.exe
文件。
我还有一个随机out > make > squirrel.windows > x64
文件夹,里面没有任何东西。
该过程需要很长时间,因为您正在打包整个应用程序(node_modules
包括在内)。
一个快速的解决方案是将参数添加"asar": true
到您packagerConfig
1。但除非您想打包未编译的文件,否则您可能只想保留该build
文件夹。
您已经将脚本配置为build
在make
. 现在,由于 Electron Forge 没有提供覆盖2 的选项,因此您必须使用该选项来排除您不想在打包应用程序中包含的文件和文件夹3。dir
ignore
packagerConfig: {\n ignore: [\n "^\\\\/public$",\n "^\\\\/src$",\n "^\\\\/node_modules$",\n "^\\\\/[.].+",\n // [...]\n ]\n},\n
Run Code Online (Sandbox Code Playgroud)\n1. 作为记录,我在此处、此处和此处发现了对此的提及。
\n2. 如文档\xe2\x86\x92 中所述“请注意,您不能覆盖dir
、arch
、platform
或选项out
,electronVersion
因为它们是由 Electron Forge 内部设置的”
\n3。请参阅此答案的另一个示例。