title: I am using Angular 6 and need to convert all scss files to rtl-css files
body: <p>I have used angular builders and created custom webpack.config.js
  I am trying to use <strong>webpack-rtl-plugin</strong>.
  Following are my custom-webpack.config.js</p>
  
  <pre><code> module.export = {
     entry: {
       app: path.join(__dirname, './src/main.ts')
     },
     output: {
       path: path.join(__dirname, 'dist'),
       filename: 'bundle.js'
     },
     module: {
       rules: [
         {
           test: /\.js$/,
           loader: 'babel-loader',
           include: path.join(__dirname, 'src')
         },
  
         {
           test: /\.scss$/,
           // for dev we simply use the style-loader combined with
           // the rtl-css loader
           loaders: ['style-loader', 'rtl-css-loader']
         }
       ]
     }
   };
  </code></pre>
  
  <p>But I am getting Following error</p>
  
  <blockquote>
    <p><strong><em>Invalid CSS after "": expected 1 selector or at-rule, was "var content = requi"</em></strong></p>
  </blockquote>
  
  <hr>
  
  <p>What is the cause of this? Any alternate solutions?</p>