Dynamic import of less stylesheets

help
1

Hello,

All templates in my app are organised in individual html, js and less files. Where possible, templates are loaded dynamically (thanks to the wonderful FlowRouter Extra).

I “import” my less files all into a main.less. I’d rather load my less/css dynamically. Anyone know how to do this?

Cheers,

Dirk

2

I just import the .less file into the main module. Once Meteor imports the main module, it loads the CSS with it.

import './style/style.styl';
1 Like
3

Thanks Max, if only all things in life could be this simple!

I did have to add an @import “/imports/mymixins.less” to several of my less files.

4

Put the import statement in the js file you are dynamically importing:

import './style.less

Then when you import that js module, the compiled less will also be imported and injected into the page as a new <style> tag

1 Like