> 文档中心 > 【解决vscode安装Easy Sass 后注释没有编译到css文件的问题】

【解决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!

        喜欢的朋友给个赞吧!

QQ头像吧