Live Sass Compiler配置后无法生成.min.css与.map文件问题求助
故障原因排查及解决方案
以下是导致该问题的常见原因及对应解决方法:
- 工作区配置被全局配置覆盖
VS Code中全局settings.json的配置优先级高于项目级的.vscode/settings.json,你可以打开全局设置(快捷键Ctrl+,/Cmd+,),搜索liveSassCompile,检查全局配置里是否仅配置了单种输出格式、或是generateMap被设置为false,删除冲突的全局配置项即可让项目级配置生效。 - 保存路径写法不匹配当前工作区
你当前配置的savePath: "/css"是相对于VS Code打开的工作区根目录的绝对路径,如果你的VS Code打开的根目录不是my-project文件夹而是其父级目录,生成的min.css和map文件会被写入到父级目录的css文件夹中,而非当前项目目录。你可以将路径改为相对路径写法./css(相对于当前scss文件所在目录),或者确认VS Code打开的工作区根目录为my-project。 - 全局生成map配置未覆盖所有输出格式
部分版本的Live SASS Compiler需要在每个输出格式的配置中单独指定是否生成map文件,全局配置仅对未单独设置的格式生效。你可以修改配置为以下形式,为每个输出格式单独开启map生成:
{ "liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName": ".css", "savePath": "/css", "generateMap": true }, { "extensionName": ".min.css", "format": "compressed", "savePath": "/css", "generateMap": true } ], "liveSassCompile.settings.excludeList": [ "**/node_modules/**", ".vscode/**" ], "liveSassCompile.settings.generateMap": true, "liveSassCompile.settings.autoprefix": [ "> 1%", "last 2 versions" ] }
- 插件运行状态异常
你可以先停止Live SASS Compiler的监听,重启VS Code后重新开启监听,同时打开VS Code的输出面板,选择Live Sass Compiler分类查看编译日志,确认是否存在css目录无写入权限、目录不存在等报错。
内容的提问来源于stack exchange,提问作者Vladyslav Svitana
相关产品推荐
相关产品推荐

