搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏小鑫同学编程历险记
客户端开发（Electron）加入webpack
本篇说明：今天我们将在前端开发中最为常见webpack加入到Electron中，因为GUI引用不同于传统的Web前端项目，所以webpack的配置会相对繁琐，这里我们主要用到了electron-webpack \electron-webpack-demo && npm init；安装开发依赖：yarn add electron-webpack electron webpack@4 --dev ，目前不支持webpack5；安装其他依赖：yarn add source-map-support 配置dev命令：{ "dev": "electron-webpack dev" } 按下图组织目录结构 /node_modules/electron-webpack/tsconfig-base.json" } 复制代码我们改造渲染进程代码来验证ts文件可以被正常解析。 path.join(__dirname, "index.html"), protocol: "file", slashes: true, }) ); } 总结： electron-webpack
1.6K40编辑于 2022-12-26
来自专栏静之森
Electron 的打包与构建
shell 1yarn add source-map-support 2yarn add -D electron electron-webpack electron-builder webpack COPY 入口文件必须为 index 或 main TypeScript 支持 (可选) shell 1yarn add electron-webpack-ts typescript -D COPY 安装完以上依赖，electron-webpack json 1{ 2 "scripts": { 3 "prebuild": "rm -rf dist", 4 "build": "cross-env NODE_ENV=production electron-webpack ", 5 "start": "electron-webpack dev", 6 "package": "yarn build && electron-builder build --publish "from": "static", 69 "to": "static" 70 } 71 ] 72 } 73} COPY 这里是个大坑，因为我们自定义了配置，覆盖了原来 electron-webpack
1.5K10编辑于 2021-12-28
来自专栏WecTeam
Electron实践笔记
Tips: 开源社区有更好的 electron-webpack[4], HMR for both renderer and main processes 生产环境则使用 webpack 顺序编译 main electronjs.org [2] Github Desktop 客户端: https://github.com/desktop/desktop [3] nodemon: https://nodemon.io [4] electron-webpack : https://github.com/electron-userland/electron-webpack [5] electron-builder: https://www.electron.build
1.4K30发布于 2019-12-24
来自专栏前端迷
Electron实践笔记
Tips: 开源社区有更好的 electron-webpack[4], HMR for both renderer and main processes 生产环境则使用 webpack 顺序编译 main electronjs.org [2] Github Desktop 客户端: https://github.com/desktop/desktop [3] nodemon: https://nodemon.io [4] electron-webpack : https://github.com/electron-userland/electron-webpack [5] electron-builder: https://www.electron.build
1.3K10发布于 2019-10-22

客户端开发（Electron）加入webpack

Electron 的打包与构建

Electron实践笔记

Electron实践笔记

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐