我尝试使用meteor.js使用基于Web 的管理仪表板创建移动应用程序,并且我想使用基于此问题的一种应用程序方法,因为我有许多在客户端(移动设备或Web)与服务器之间共享的代码。
我尝试为不同的视图分离客户端布局。(使用铁路由器设施)像这样:
// set mobileLayout for all routes
Router.configure({
layoutTemplate: 'mobileLayout',
notFoundTemplate: "notFound",
loadingTemplate: "loading"
});
// add specific adminLayout for admin routes
LoginController = RouteController.extend({
layoutTemplate: "adminLayout",
template: "login",
action: function () {
this.render();
}
});
我将流星用于移动视图平台,将引导程序用于我的管理仪表板。但是 CSS 中发生了一些冲突(例如,我为移动应用程序设置了字体,它也覆盖了 Web 版本的字体,我需要为几乎所有内容添加特定的 CSS 选择器)而且这也不是最好的解决方案,因为流星在移动客户端时将所有 css 和 js 合并在一起根本不使用引导程序,管理员网络用户也不使用流星。
我的问题是:
如何告诉meteor将移动资产(CSS和模板JS)合并在一起并将Web资产合并在一起以拥有更小的移动应用程序和更小的Web应用程序并防止CSS冲突?