title: Using SCSS with angular library created using angular-cli
body: <p>I have created an angular library project where I want to use SCSS for styles.</p>
  
  <p>So I have configured </p>
  
  <pre><code>ng config schematics.@schematics/angular:component.styleext scss
  </code></pre>
  
  <p>and this made an entry to <strong>angular.json</strong> file</p>
  
  <pre><code>"schematics": {
      "@schematics/angular:component": {
        "styleext": "scss"
      }
  }
  </code></pre>
  
  <p>Now I am using <a href="http://materializecss.com/getting-started.html" rel="noreferrer">materialize-css</a> UI library in my library components. And it requires to import its SCSS file. </p>
  
  <p>I am not seeing <strong>styles.scss</strong> file where I can import this and my components and other common styles?</p>
  
  <p>I tried creating one and making entry into <strong>angular.json</strong></p>
  
  <pre><code>"styles": ["projects/library_name/styles.scss"]
  </code></pre>
  
  <p>Under <code>projects</code> -> <code>library_name</code> -> <code>architect</code> -> <code>build</code> -> <code>options</code></p>
  
  <p>but this is showing error while building the library project</p>
  
  <pre><code>Schema validation failed with the following errors:
    Data path "" should NOT have additional properties(styles).
  </code></pre>
  
  <p><strong>Update</strong></p>
  
  <p>I got <a href="https://github.com/angular/angular-cli/issues/10869" rel="noreferrer">this</a>, addressing the same issue if it helps!</p>