title: autosave main scss file instead of having to save it manually
body: <p>My folder structure is as follows</p>
  <p><a href="https://i.stack.imgur.com/ntjmw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ntjmw.png" alt="enter image description here" /></a></p>
  <p>I am using 'live sass compiler' in vscode to watch files. But every time I update other scss files like _globals.scss I have to manually save style.scss for the changes to reflect. Is there a work-around to auto save style.scss instead of having to save it manually.</p>
  <p>my settings.json for live sass compiler are as follows:</p>
  <pre><code>{
    &quot;editor.tabSize&quot;: 2,
    &quot;editor.fontSize&quot;: 18,
    &quot;editor.wordWrap&quot;: &quot;on&quot;,
    &quot;editor.formatOnSave&quot;: true,
    &quot;editor.defaultFormatter&quot;: &quot;esbenp.prettier-vscode&quot;,
    &quot;terminal.integrated.defaultProfile.windows&quot;: &quot;Git Bash&quot;,
    &quot;liveServer.settings.donotShowInfoMsg&quot;: true,
    &quot;files.autoSave&quot;: &quot;afterDelay&quot;,
    &quot;workbench.editorAssociations&quot;: {
      &quot;*.ipynb&quot;: &quot;jupyter.notebook.ipynb&quot;
    },
    &quot;editor.renderWhitespace&quot;: &quot;none&quot;,
    &quot;liveSassCompile.settings.autoprefix&quot;: [],
  
    &quot;liveSassCompile.settings.excludeList&quot;: [&quot;**/node_modules/**&quot;, &quot;.vscode/**&quot;]
  }
  
  </code></pre>