结合这两个 NPM 项目答案

【问题标题】：Combine these two NPM-projects结合这两个 NPM 项目
【发布时间】：2023-03-18 17:21:01
【问题描述】：

有 2 个 npm 项目 - web-api（库）和 UI。

web-api 使用 gRPC-web 与后端通信，然后将其转换为简单的 js 对象。在 UI 中，我们使用 Vue.js 和 web-api。

需要：将这两个项目结合起来。

问题是这样的。 gRPC-web 使用 CommonJS 样式（但可以使用 Closure、TypeScript）。因此从*.proto 生成的*.js 文件将具有这种导入样式 - require ('grpc-web');用于出口 - module.exports = ...。

但 Vue.JS 仅支持 EcmaScript 6 样式的导入和导出。用手或其他工具编辑生成的文件是不好的（开发人员不推荐）。

【问题讨论】：

标签： javascript npm project setup-project

【解决方案1】：

到目前为止，Web 浏览器中的导入还不是 particularily well supported；您可能需要以某种方式捆绑您自己的模块。如今，大多数流行的 javascript 捆绑工具都会为您解析 commonjs 的 require 语句和 import 语句。 webpack 确实如此，rollup 至少如此。

【讨论】：