title: Webpack - use CopyWebpackPlugin for scss files
body: <p>I want to convert some files from <code>*.scss</code> extension to <code>*.css</code> one and then copy them to the target folder . </p>
  
  <p>These files aren't a part of a module so I can't import them by the <code>*.scss</code> loader (i.e <code>import "myStyle.scss"</code>).</p>
  
  <p>I know how to copy files by the <a href="https://github.com/kevlened/copy-webpack-plugin" rel="nofollow noreferrer">CopyWebpackPlugin</a> plugin  - </p>
  
  <pre><code>plugins: [
      new CopyWebpackPlugin([    
          { from: 'source/myStyle.scss', to: 'myStyle.css' }
      ])
  ]
  </code></pre>
  
  <p>So now all I need is to add it a conversion from <code>scss</code> to <code>css</code>  before to copying . </p>
  
  <p>How could I achieve that ? </p>