将 JS 应用程序部署到浏览器和 nw.js 或 Atom Electron？答案

【问题标题】：Deploy JS app to browser and nw.js or Atom Electron?将 JS 应用程序部署到浏览器和 nw.js 或 Atom Electron？
【发布时间】：2016-11-14 19:39:00
【问题描述】：

我想知道是否有工具或方法可以开发 javascript 应用程序并将其部署到浏览器 javascript 或使用 nwjs 或 Atom Electron 的本机应用程序。
当然，它必须使用与浏览器兼容的功能，而不是 node 的原生功能。
我想这只是如何捆绑文件的问题，但也许已经有一个工具可以做到这一点。

【问题讨论】：

由于这不是同一个环境，我不知道是否可以这样做。但是你有很酷的库，比如browserify。如果我找到更多，我会告诉你。
@RomainIsnel 很好，两者都有一个共同的 DOM 和基本的 javascript，所以你可以用两者共同的子集做很多事情。
你是对的，但 Electron 也包含一个 NodeJS 环境。

标签： javascript node.js electron nw.js

【解决方案1】：

这取决于您的开发环境。我正在开发一个电子应用程序，它有点依赖于 ipc 消息传递，但如果也想直接在浏览器中使用这个应用程序，我只需在它周围创建一个包装器，让构建工具处理这些事情（webpack、gulp、grunt. ..)。

如果你想使用 Electron，你应该查看 Electron Builder 想要的约定。他们将应用程序及其依赖项与开发部门（电子、电子生成器等）分开。

【讨论】：

【解决方案2】：

试试browserify，真的很酷。

browserify 是一个用于编译 node-flavored commonjs 模块的工具浏览器。

您可以使用 browserify 来组织您的代码并使用第三方库，即使您不以任何其他身份使用节点本身使用 npm 捆绑和安装包除外。

browserify使用的模块系统和node一样，所以发布到 npm 的包最初打算用于节点但不是浏览器也可以在浏览器中正常工作。

越来越多的人将模块发布到 npm 有意设计为在节点和浏览器中使用 browserify 和 npm 上的许多软件包仅用于浏览器。 npm 适用于所有 javascript，前端或后端都一样

https://github.com/substack/browserify-handbook#introduction

【讨论】：