diff --git a/README.md b/README.md index 0a92743..8ff00c8 100644 --- a/README.md +++ b/README.md @@ -28,6 +28,8 @@ ## Directory +Once `dev` or `build` npm-script executed will be generate named `dist` folder. It has children dir of same as `src` folder, the purpose of this design can ensure the correct path calculation. + ```tree ├ ├── configs @@ -35,6 +37,11 @@ ├ ├── vite-preload.config.ts Preload-script config file, for -> src/preload ├ ├── vite-renderer.config.ts Renderer-script config file, for -> src/renderer ├ +├── dist After build, it is generated according to the "src" directory +├ ├── main +├ ├── preload +├ ├── renderer +├ ├── scripts ├ ├── build.mjs Build script, for -> npm run build ├ ├── watch.mjs Develop script, for -> npm run dev @@ -46,24 +53,6 @@ ├ ``` -#### `dist` and `src` - -- Once `npm run dev` or `npm run build` is executed. Will be generated `dist`, it is the same as the `src` structure. - -- This ensures the accuracy of path calculation. - -```tree -├── dist -├ ├── main -├ ├── preload -├ ├── renderer -├── src -├ ├── main -├ ├── preload -├ ├── renderer -├ -``` - ## Use Electron, NodeJs API > 🚧 By default, Electron don't support the use of API related to Electron and NoeJs in the Renderer-process, but someone still need to use it. If so, you can see the 👉 npm-package **[vitejs-plugin-electron](https://www.npmjs.com/package/vitejs-plugin-electron)** or another template **[electron-vite-boilerplate](https://github.com/caoxiemeihao/electron-vite-boilerplate)** diff --git a/README.zh-CN.md b/README.zh-CN.md index cb6f9e3..e7adf61 100644 --- a/README.zh-CN.md +++ b/README.zh-CN.md @@ -28,6 +28,8 @@ ## 目录结构 +一旦启动或打包脚本执行过,会在根目录产生 **`dist` 文件夹,里面的文件夹同 `src` 一模一样**;在使用一些路径计算时,尤其是相对路径计算;`dist` 与 `src` 里面保持相同的目录结构能避开好多问题 + ```tree ├ ├── configs @@ -35,6 +37,11 @@ ├ ├── vite-preload.config.ts 预加载脚本配置文件,编译 src/preload ├ ├── vite-renderer.config.ts 渲染进程配置文件,编译 src/renderer ├ +├── dist 构建后,根据 src 目录生成 +├ ├── main +├ ├── preload +├ ├── renderer +├ ├── scripts ├ ├── build.mjs 项目构建脚本,对应 npm run build ├ ├── watch.mjs 项目开发脚本,对应 npm run dev @@ -46,25 +53,6 @@ ├ ``` -#### `dist` 与 `src` - -- 一旦启动或打包脚本执行过,会在根目录产生 **`dist` 文件夹,里面的文件夹同 `src` 一模一样** - -- 在使用一些路径计算时,尤其是相对路径计算;`dist` 与 `src` 里面保持相同的目录结构能避开好多问题 - -```tree -├── dist -├ ├── main -├ ├── preload -├ ├── renderer -├── src -├ ├── main -├ ├── preload -├ ├── renderer -├ -``` - - ## 渲染进程使用 NodeJs API > 🚧 因为安全的原因 Electron 默认不支持在 渲染进程 中使用 NodeJs API,但是有些小沙雕就是想这么干,拦都拦不住;实在想那么干的话,这里有个 👉 npm 包 **[vitejs-plugin-electron](https://www.npmjs.com/package/vitejs-plugin-electron)** 或者使用另一个模板 **[electron-vite-boilerplate](https://github.com/caoxiemeihao/electron-vite-boilerplate)**