meteor.jsを使用してWeb ベースの管理ダッシュボードでモバイル アプリケーションを作成しようとしていますが、この質問に基づいて 1 つのアプリ アプローチを使用したいと考えています。これは、クライアント (モバイルまたは 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();
}
});
モバイル ビュー プラットフォームにはmeteoricを使用し、管理ダッシュボードにはブートストラップを使用しました。ただし、CSS でいくつかの競合が発生しました (たとえば、モバイル アプリのフォントを設定し、Web バージョンのフォントもオーバーライドし、ほとんどすべてに特定の CSS セレクターを追加する必要があります)。また、モバイル クライアントがすべての css と js を統合するため、これは最善の解決策ではありません。ブートストラップをまったく使用しないでください。また、管理 Web ユーザーも meteoric を使用しません。
私の質問は:
モバイル アセット (CSS、およびテンプレート JS) を一緒にマージし、Web アセットを一緒にマージして、モバイル アプリと Web アプリを小さくし、CSS の競合を防ぐように meteor に指示するにはどうすればよいですか?