SASS转换成CSS步骤

因为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符号换成两个空格

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

相关推荐
小咪一会1 天前
JVM 基础
jvm·1024程序员节
空灵之海5 天前
Ubuntu系统安全合规配置
linux·ubuntu·系统安全·1024程序员节
阿啄debugIT7 天前
装饰(Decorator)模式可以在不修改对象外观和功能的情况下添加或者删除对象功能
软件工程·1024程序员节
lzb_kkk1 个月前
【实习总结】Qt通过Qt Linguist(语言家)实现多语言支持
开发语言·c++·qt·1024程序员节·qt linguist·qt 语言家
Yangy_Jiaojiao2 个月前
三维手眼标定
1024程序员节
guozhetao2 个月前
【图论,拓扑排序】P1347 排序
数据结构·c++·python·算法·leetcode·图论·1024程序员节
lzb_kkk2 个月前
【C++】C++四种类型转换操作符详解
开发语言·c++·windows·1024程序员节
lzb_kkk3 个月前
【MFC】编辑框、下拉框、列表控件
c语言·开发语言·c++·mfc·1024程序员节
lzb_kkk3 个月前
【MFC】树控件的使用详解
开发语言·c++·windows·mfc·1024程序员节
SizeTheMoment4 个月前
List介绍
1024程序员节