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

Question

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

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

第二个疑问与我正在谈论的关注点分离有关。 我曾经使用过来自es6的导入和导出，但是如果我想完全使用本机js，我想这对于Web组件无效。 否则，我必须移植到ES5。 那个移植有什么问题吗？ 它是合法的还是针对标准的？

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

谢谢！

Answer 1

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

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

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

我希望这可以在某个时候帮助某人。