Javascript 如何为具有相同布局的多个web应用程序设计UI框架？

我正在尝试为多个web应用程序设计ui框架，但在为我们的情况设计基础架构时遇到了问题：

• 使用asp.net mvc构建7个（或更多）独立的web应用程序
• 一些web应用程序位于内部服务器上，一些托管
• 都使用相同的基本css/images/javascript（每个应用程序都可以使用共享组件）
• 每个应用程序都有一些独特的css和javascript
• 每个应用程序都有自己的TFS分支和解决方案
• 每个应用程序都有自己的发布管理（每月/每年/等）

我想要达到的目标：

• 一次性修复UI错误，而不是针对所有应用程序
• 所有应用程序的一致UI
• 不要用UI的东西来打扰其他开发人员

---

什么是智能基础设施？

根据我的经验，在web项目之间共享非编译代码的困难主要是源代码控制方面的。我们使用内部NuGet服务器来共享编译后的代码，但这对于非编译代码来说效果不太好。对于这些东西（HTML、sripts、content），我发现将框架的所有公共组件保存在一个层次结构中是最容易的，它可以作为一个独立的项目或子模块存储在您使用的任何源代码控制系统中，例如

/myframework/scripts
/myframework/styles
/myframework/images

如果“myframework”作为子模块进行管理，那么您应该能够独立于包含它的项目进行维护。这对于git和svn来说很简单

您的特定于应用程序的脚本和内容可以像往常一样保存在您喜欢的任何正常层次结构中，例如

/scripts
/styles
/images

---

您还可以了解在默认配置中如何设置流行的前端框架。例如，提供一组脚本、样式和内容模板。默认情况下，所有内容都存储在文件夹

Content

和

Javascripts

下，它们建议您不要更改它们的样式表，而是在单独的样式表中覆盖任何自定义内容的样式。这使您不受对共享框架的更改的影响。将类似的策略应用到您自己的内部框架似乎是明智的。

我们最终使用NuGet将css/js/图像分发到所有不同的项目。全局ui有自己的团队项目，可以自动创建到内部nuget服务器的nuget包