如何用开源JS代码构建Tauri应用并保留JS代码可编辑性？

开发阶段：直接用Dev模式 #

• Tauri的开发模式天生支持热重载，修改前端JS/TS代码后会自动刷新界面，完全不用重新编译Rust部分。启动命令：

  npm run tauri dev
  

• 这个模式下前端资源从本地开发服务器加载，直接编辑你的前端源码目录（比如src/下的文件）就能实时看到变化，全程不用碰编译流程。

发布后仍可修改：调整构建配置 #

如果要让打包好的应用也能修改JS代码而不重新编译，改下tauri.conf.json的构建配置就行：

• 把build里的embedAssets设为false，不让前端资源嵌入二进制文件，而是作为外部文件存放：

  {
    "build": {
      // 其他配置保持不变
      "embedAssets": false
    }
  }
  

• 构建完成后，前端资源会放在应用的resources目录里（Windows下和exe同目录，macOS在App包的Contents/Resources里），直接修改这里的JS、HTML文件，重启应用就生效，不用重新编译整个项目。

注意点 #

• 这么做会让前端代码完全暴露，适合内部工具或者允许用户自定义的场景，要是需要保护代码就别用这种方式。
• 修改文件时要保证路径和结构和原来一致，不然应用可能加载失败。

内容的提问来源于stack exchange，提问作者Jhwh Inri