Repository navigation
ng new --style=compass not working #1685
Description
os: darwin x64
angular cli: 1.0.0-beta11-webpack.2
node: 4.2.1
To reproduce:
- ng new fooproj --style=compass
- ng build
- ng serve
=> runtime error: (page fails to render)
Uncaught Error: Expected 'styles' to be an array of strings. (assertions.js 20)
Notes:
- --style=sass works as expected
- ng get defaults => "styleExt":"compass"
- Flailing around: tried npm install --save-dev angular-cli@webpack & ng init to no benefit.
- how can i use compasss with cli #784 how can i use compasss with cli #784 and Compass Not Working #1162 Compass Not Working #1162 were closed with Merge Webpack Feature branch into Master #1455 webpack merge.
Activity
filipesilva commentedon Aug 19, 2016
As far as I can tell, we've actually dropped support for compass per se. I'll update the README.
saulshanabrook commentedon Nov 3, 2016
Do you have any advice for this bug for
scss?filipesilva commentedon Nov 4, 2016
@saulshanabrook
scssshould work out of the box. See https://github.com/angular/angular-cli#css-preprocessor-integration for information. If it doesn't please do open a new issue for it so we can fix.neha-s16 commentedon Jan 16, 2017
@filipesilva I need to use css sprites (svg and png with angular-cli) any options for that?
filipesilva commentedon Jan 16, 2017
@neha-s16 it should work out of the box really. Let me know if it doesn't
neha-s16 commentedon Jan 16, 2017
@filipesilva Thanks for prompt response. Which folder should I keep the svgs / images in for it to work and create sprites? I need to know the out folder as well since i would need to include it in styles.scss file. I am using the default project structure and default angular-cli.json.
filipesilva commentedon Jan 16, 2017
@neha-s16 if you're referencing them from css/sass files you can keep them wherever you feel like. The build system will pull them up and rename them and it should just work.
If you need to link them from elsewhere or use it in html
imgtags, then put it insrc/assets. It will be copied over todist/assetsso it shouldn't make a difference in your relative path. If you need more folders to be copied over, openangular-cli.jsonand add it to theassets/array.neha-s16 commentedon Jan 16, 2017
Doesn't look like its working. My images are in assets/images/common/normal and assets/images/common/retina. I used ng build to build the project and it copied all images in dist/ folders but did not generate the normal.png and retina.png sprites as I expected.
filipesilva commentedon Jan 16, 2017
I might be misunderstanding the issue then. Can you open a new issue with a repro so I can test please?
neha-s16 commentedon Jan 16, 2017
#4054 New Issue.
angular-automatic-lock-bot commentedon Sep 6, 2019
This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.