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

Question

我想建立一个复杂的web组件:

• 我可以使用在我的传统网站(或任何其他网站)
• 它可以用于我的网站是用Angular/Angular2/React/Jquery等构建的…
• 我可以使用任何技术来构建它Angular/Angular2/React等…
• 避免依赖&版本冲突(即我的组件是用Angular 1.5.6构建的，而实现的网站是Angular 1.4.7)

使用NPM模块是否可以解决这个问题(版本控制，依赖等)?

编辑:(示例)

例如，我需要我的组件通过npm它依赖于(需要)我选择的框架(即angular 1.5.6)

在这种情况下，我的组件代码不会使用我从NPM依赖(不管站点使用什么)?

Answer 1

你可以在遗留站点上使用angular构建的组件，但你必须先加载angular。您应该注意可能与其他目录的名称冲突。
1. 如果站点已经使用angular 1构建。考虑到你的组件与站点正在使用的angular版本是兼容的，你可以直接把你的组件混合进去。如果不是，我认为react是可能的，因为它可能会混入。
2. 如果站点是用angular 1.4.7构建的，正如你所说的，你可能需要降级你的组件以供1.4.7使用。这意味着，如果你使用的是angular.module(…).component，你需要将它切换为directive。或者，如果可能的话，您也可以切换到使用1.5的站点。如果没有，你可以回去反应。
3. 如果你想使用angular 2.0，你可以和angular 1一起使用。但是，遗留应用需要使用angular的升级模块(使用upgradeAdapter)来引导。这意味着您需要干扰应用程序，如果我没理解错的话，这是您不想做的。