【解决vscode安装Easy Sass 后注释没有编译到css文件的问题】
首先先说一下在vscode中安装Easy Sass 扩展的方法(懂的跳过,看下方加粗的第三点)
第一步,在扩张商店中安装 Easy Sass 这不用多说了吧
第二步,在vscode左上角 文件—首选项—设置 , 搜索 “set”,进入settings.json文件,输入以下代码,这里根据自定义的css输出路径还要创建一个名为css的目录,然后重启vscode
// 配置sass的代码 "easysass.compileAfterSave": true, "easysass.formats": [{ "format": "compressed",//压缩 "extension": ".css"}], "easysass.targetDir": "./css/" //自定义css输出文件路径
在scss文件中常见的编译方法有两种
1,// comment:单行注释,只保留在SASS源文件中,编译后被省略。
2,/* comment */ : 标准的CSS注释,编译后会保留。
但是奇怪的是,当我像这样在scss文件留下注释后并保存后,并没有在css目录中编译的css文件中出现注释?怎么办
没关系,还有第三种注释
3,/*! comment */:重要注释,即使是压缩模式编译,也会保留这行注释,通常可以用于声明版权信息。
/*! 这是重要注释*/ 像这样注释,完全ok,编译的css文件中也有,这样就解决了vscode安装Easy Sass 后注释没有编译到css文件的问题
这下子注释出现了兄弟们! nice!
喜欢的朋友给个赞吧!