SASS转换成CSS步骤

时间:2024-10-25 14:41:47

因为sass版本依赖混乱,后续发布经常出现问题,又不想丢失原来在sass文件中配置的内容,

因此需要转换成css,将原来引用sass文件的地方全部改成引用css,

然后删除所有sass文件及其配置,包括package.json中的sass,sass-loader等。
 

转换步骤:


安装:
npm install -g sass


sass转换为css(读取app/sass下面的.sass文件,转换到app/stylesheets下面去):
sass --watch app/sass:app/stylesheets

结束!

注意:
① sass 中的【@import './base.sass'】需要替换成【@use './base' as *】
② 结尾分号不需要
③ tab符号换成两个空格

若存在失败,请全部删除生成的新文件,再重新执行。