解决保存less文件时，自动生成对应的同级同名 css文件

qweasd386

已于 2024-02-10 19:25:27 修改

阅读量805

点赞数 2

文章标签： css less 前端

于 2024-02-08 22:15:48 首次发布

本文链接：https://blog.youkuaiyun.com/qq_67656809/article/details/136083065

版权

解决保存less文件时，自动生成对应的同级同名 css文件

背景：
在创建React + TS项目时，使用了less编写样式；但是每次 ctrl + s 保存 less文件时会在同级目录内生成对应的css文件；
原因：这是vscode中 setting.json 的编辑器某些配置项导致的，修改下配置即可。
如何解决？
在项目根目录创建 .vscode 文件夹，创建 setting.json 文件，并在文件中写：

{
  "less.compile": {
    "compress": true, // 是否删除多余空白字符
    "sourceMap": false, // 是否创建文件目录树，true的话会自动生成一个 .css.map 文件
    "out": false // 是否编译输出文件
  }
}