Visual Studio 自动编译 sass,less 文件

271 阅读1分钟
  1. 首先我们需要安装一个扩展Web Compiler,在管理扩展中搜索安装即可,安装后需要重启

image.png

image.png 手动编译,文件鼠标右击操作即可:

image.png

  1. 第二步配置compilerconfig.json文件实现自动编译,在项目的根目录创建该文件,内容模板示例
[
  {
    // 编译完成的文件目录
    "outputFile": "Shared/AdminMainLayout.razor.css",
    // 需要编译的文件目录
    "inputFile": "Shared/AdminMainLayout.razor.scss",
    "minify": { "enabled": true },
    "includeInProject": true,
    "options": { "sourceMap": false }
  }
]