如何构建一个独立/框架无关的 Web 组件小部件以在任何 Web 应用程序中使用？

Question

我想构建一个复杂的 Web 组件：

• 我可以在我的旧网站（或任何其他网站）中使用
• 它可以在我的网站使用 Angular/Angular2/React/Jquery 等构建的情况下使用...
• 我可以使用任何技术来构建它 Angular/Angular2/React 等...
• 避免依赖和版本冲突（即我的组件是用 Angular 1.5.6 构建的，而实施网站有 Angular 1.4.7）

使用 NPM 模块可以解决这个问题吗（版本控制、依赖等）？

编辑：（示例）

例如，我会通过 npm 要求我的组件 它具有依赖项（需要）我选择的框架（即角度 1.5.6）

在这种情况下，我的组件代码不会使用来自 NPM 的依赖项（无论站点使用什么）？

Answer 1

1. 您可以在旧站点上使用使用 Angular 构建的组件，但您必须先加载 Angular。您应该注意可能与其他目录发生名称冲突。
2. 如果该站点已经使用 Angular 1.x 构建，则考虑到您的组件与该站点正在使用的 Angular 版本兼容，您可以只将您的组件混入其中。如果不是，我认为反应是可能的，因为它可以融入其中。
3. 如果站点是使用 Angular 1.4.7 构建的，如您所说，您可能需要将组件降级以供 1.4.7 使用。这意味着如果您使用 angular.module(...).component 您将需要将其切换为指令。或者，如果可能，您可以将站点切换为使用 1.5。如果没有，您可以回去做出反应。
4. 如果您想使用 Angular 2.0，您可以与 Angular 1.x 并排使用，但是，遗留应用程序需要使用 Angular 升级模块进行引导，使用 upgradeAdapter。这意味着您需要干扰应用程序，如果我理解正确的话，您不想这样做。