0

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 に指示するにはどうすればよいですか?

4

0 に答える 0