Question

我有三个项目（website，employer和admin）。所有这些都基于Angular4.4.4。它几乎完成了。但我想合并所有这些并使其成为一个项目。我按照以下结构继续进行。

首先，我创建了另一个空的新项目，并将website，admin和employer添加为此项目的模块。路线看起来像这样。

 {
    path: '', 
    loadChildren:"./website/website.module#WebsiteModule"  
  },
  { path: 'login', component: LoginComponent },
  {
    path: 'feed',
    loadChildren: 'app/website/feed/feed.module#FeedModule'
  },
  {
    path: 'admin',
    loadChildren: './admin/admin.module#AdminModule',
  },
  {
    path: 'employer',
    loadChildren: './employer/employer.module#EmployerModule',
  },

现在，问题是website使用Bootstrap v4.0.0-alpha.6，admin使用Bootstrap v3.3.7，而employer使用相同的管理员Bootstrap v3.3.7

所以我的问题是，有没有办法为特定模块使用特定版本的bootstrap？

如果没有，合并它的最佳方式是什么。

Answer 1

我最近将我的项目形式Bootstrap 3合并到Bootstrap 4.只有少数样式搞砸了。然后我按照bootstrap的迁移指南https://v4-alpha.getbootstrap.com/migration/来替换bootstrap类。例如.panel到.card。中型项目花了大约2天时间。但它完全值得。

如果你不想这样。只需在每个section模块中单独包含bootstrap CSS文件。让网络包负责捆绑你的模块。

Answer 2

将所有项目模块放入项目中，然后修复路由。从angular-cli或webpack中删除bootstrap脚本和样式，并将它们放在每个相应的模块中。

Answer 3

Bootstrap 4的最新版本是beta 3.

与beta 3相比，alpha 6版本感觉像是恐龙版本。 beta 3版和beta 2版之间甚至发生了重大变化。

幸运的是，下一个Bootstrap 4版本将是最终版本，不会再引入任何重大变化。

所以，Bootstrap 4 beta 3是您现在想要关注的内容。

Angular4：如何合并三个具有两个不同引导版本

3 个答案: