When I run ember build --prod
, I would like to process different sass files and output multiple corresponding css files (in our app, we serve different css based on what url is used to load the app). I know that in ember-cli-build
, you can configure outputPaths
to add new key/value pairs for each different sass/css file we want processed separately. Currently, we are manually doing this for each sass input and css output. For example:
outputPaths: {
app: {
css: {
'themes/gold': '/assets/themes/gold.css',
'themes/silver': '/assets/themes/silver.css',
'themes/blue': '/assets/themes/blue.css'
}
}
}
But is there a way for Ember CLI to just look into a folder and compile everything inside into their corresponding css file? I tried something like below, along with several variations, but no luck yet.
outputPaths: {
app: {
css: {
'themes/*': '/assets/themes/*.css'
}
}
}