ember-cli-sass icon indicating copy to clipboard operation
ember-cli-sass copied to clipboard

Multiple preprocessors?

Open brancusi opened this issue 7 years ago • 3 comments

I am trying to use the ember-cli-stylus with this side by side. Any recommendations on getting something like that working?

When I try to use both, even if setting the stylus input and output files to a new name, I get errors.

Thanks

brancusi avatar Jun 22 '17 22:06 brancusi

I'm afraid I don't know what's involved in getting this to work. It'll depend on how ember-cli handles the CSS preprocessors, rather than how this module works. Maybe you should open an issue over there?

simonexmachina avatar Jun 23 '17 03:06 simonexmachina

I've found it to be quite challenging to try and get more than one preprocessor to work due to how ember-cli handles them.

The main challenge is that the first processor to run effectively removes the css file (ie. app.scss or equivalent) from the tree of files to be processed since the processor is then responsible for writing it to the output directory. Any processor that tries to run next will throw an error that the file is missing.

You might be able to follow the approach used in this add-on: https://github.com/n1ru4l/ember-cli-css-preprocess, which supports multiple processors, but not specifically stylus, and modify it to suit your needs.

Unfortunately, I don't think you'll be able to use more than one of the popular preprocessors at the same time without some extra configuration to your build setup.

jeffjewiss avatar Jul 04 '17 11:07 jeffjewiss

Feel free to make a PR for stylus :)

n1ru4l avatar Sep 20 '17 15:09 n1ru4l