Electron-react-boilerplate: Support for SCSS

Created on 18 Mar 2016  路  3Comments  路  Source: electron-react-boilerplate/electron-react-boilerplate

Hey,

I've been attempting to tweak the webpack to accept SCSS files, but I haven't quite been able to get them working through webpack.

In my regular projects I usually use:

  • css-loader
  • node-sass
  • sass-loader
  • style-loader

and then put this in my webpack.config file loaders:

   {
      test: /\.scss$/,
      loader: 'style!css!sass'
   }

This allows me to import scss files into my component .js files like so:

import './LandingStyles.scss'
import React from 'react'
...

Any reason why this wouldn't be compatible with the webpack setup that you have for this project? As I'm having trouble getting it to work.

All 3 comments

I was able to solve this, you can disregard.

Could you share how!?

Thanks.

@marlonpp add the scss config to only the webpack.config

Was this page helpful?
0 / 5 - 0 ratings

Related issues

thehatami picture thehatami  路  3Comments

yourfavorite picture yourfavorite  路  3Comments

helpceo picture helpceo  路  3Comments

chie4hao picture chie4hao  路  3Comments

amilich picture amilich  路  3Comments