prevent to merge all assets in meteor.js

128 views Asked by At

I try to create mobile application with a web based admin dashboard using meteor.js and I want to use one app approach based on this question, because I have many code that share between clients (mobile or web) with server.

I try to separate clients layout for different view. (using iron-router facilities) like this:

// 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();
    }
});

I used meteoric for mobile view platform and bootstrap for my admin dashboard. But some conflict occurred in CSS (for example I set font for mobile app and it's override web version fonts too and I need add specific CSS selector for almost everything) and also It's not best solution because meteor merge all css and js together while mobile client don't use bootstrap at all and admin web users also don't use meteoric.

My question is:

How to tell meteor to merge mobile assets (CSS, and template JS) together and merge web assets together to have smaller mobile app and smaller web app and prevent CSS conflict?

0

There are 0 answers