我曾参与过角度2项目,并使用了angular-cli.我想用scss替换所有的css文件.最简单的方法是什么？或者是否有一个命令行可以处理它而无需手动执行.解决方法 我只需要对现有项目执行此操作,并将
... . . 我曾参与过角度2项目,并使用了angular-cli.我想用scss替换所有的css文件.最简单的方法是什么？或者是否有一个命令行可以处理它而无需手动执行..
解决方法
. 我只需要对现有项目执行此操作,并将来自各个地方的大量信息拼凑在一起,大部分来自 this similar stackoverflow question.这是一组命令行操作(在Mac OSX上适用于我)
# rename all your current filesfind . -name "*.css" -exec bash -c 'mv "$1" "${1%.css}".scss' - '{}' /;# change angular cli config file to include styles.scss instead of styles.csssed -i -e 's/styles.css/styles.scss/g' .angular-cli.json# now we need to go thru and fix up all the places where ts files refer to .css files# there’s probably a better way (and will only work if you don’t have multiple css files in a component)# this is what I didfind ./src -name "*.ts" -exec sed -i -e 's//(.*styleUrls.*/)/.css/(.*/)//1/.scss/2/g' {} +rm -r *.ts-e# fix for future generates stylesng set defaults.styleExt scss# Add node-sass npm modulenpm install node-sass --save-dev# or if you are using yarn,like me:yarn add node-sass --dev. . .. ...
