我是SCSS的新手，我正在使用VS Code的扩展来查看我的SCSS，我已经设置了我的settings.json文件，一切正常-但是-当我查看我的SCSS文件并保存时，它创建了两个.css文件。

• index.css
• main.css

Index.css为空.css文件

Main.css是一个.css文件，其中包含我所有的样式。

为什么它一直生成空的index.css文件？
这里是我的settings.json文件的内容，以帮助一点。

{
    "editor.accessibilitySupport": "off",
    "window.zoomLevel": 0,
    "liveServer.settings.donotShowInfoMsg": true,
    "liveServer.settings.donotVerifyTags": true,
    "[html]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "[javascript]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "workbench.iconTheme": "material-icon-theme",
    "editor.minimap.enabled": false,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "workbench.colorTheme": "Night Owl",
    "[json]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    // "python.jediEnabled": false,
    "[python]": {

    },
    "editor.fontFamily": "Input",
    "editor.fontSize": 16,
    "[php]": {
        "editor.defaultFormatter": "kokororin.vscode-phpfmt"
    },
    "liveSassCompile.settings.autoprefix": [],
    "liveSassCompile.settings.formats": [
        {
            "format": "compact",
            "extensionName": ".css",
            "savePath": "/dist/assets/css"
        }
    ],
    "liveSassCompile.settings.generateMap": false
}