对 Web 组件项目结构和导入的怀疑

Posted 2023-02-23

【中文标题】对 Web 组件项目结构和导入的怀疑

【英文标题】：Doubts with web components project structure and imports

【发布时间】：2018-08-14 16:16:49

【问题描述】：

我正在学习一点关于 Web 组件的知识，我遇到了一个我可以解决但我无法理解的问题。

首先是一个完全由 Web 组件组成的项目的项目结构。我发现的大多数示例都是可以在任何地方重用的小组件（我想这是 Web 组件的主要观点之一），但仅此而已。一个主要的应用程序有组件，但它还有其他的东西，例如服务。我主要从事分离控制器和服务的工作，我不知道这对于 Web 组件是否正确，或者它是否仅在一个文件中包含所有逻辑（例如，我们称之为“main.js”）；

第二个疑问与我所说的分离关注点有关。我习惯于使用 es6 的导入和导出，但如果我想使用完全原生的 js，我想这对 Web 组件无效。否则我必须转译为 ES5。那个转译有什么问题吗？它是有效的还是违反标准的？

如果我说错了，请毫不留情地纠正我:)

谢谢！

【参考方案1】：

我不知道为什么一个月前我没有考虑过，但我一直在寻找带有 Web 组件的真实世界应用程序，实际上有一个项目包含许多框架和技术的示例，包括网络组件。

https://github.com/gothinkster/web-components-realworld-example-app

在那里我们可以看到一个 Web 组件应用程序的提案。这对我来说非常有趣，我想使用 webpack 导入毕竟不是一件坏事：P

我希望这对某人有所帮助。