Hello and thank you for your reply.

I didn't manage to get this to work correctly.

If I run npm start before importing the scss, it works (client side), but if I restart the server npm start I get this error:

I:\dev\mern\NewApp\node_modules\react-toolbox\lib\ripple\theme.scss:1                                                            
(function (exports, require, module, __filename, __dirname) { @import "../colors";                                               
                                                              ^                                                                  
SyntaxError: Unexpected token ILLEGAL                                                                                            
    at Object.exports.runInThisContext (vm.js:53:16)                                                                             
    at Module._compile (module.js:513:28)                                                                                        
    at Module._extensions..js (module.js:550:10)                                                                                 
    at Object.require.extensions.(anonymous function) [as .js] (I:\dev\mern\NewApp\node_modules\babel-register\lib\node.js:166:7)
    at Module.load (module.js:458:32)                                                                                            
    at tryModuleLoad (module.js:417:12)                                                                                          
    at Function.Module._load (module.js:409:3)                                                                                   
    at Module.require (module.js:468:17)                                                                                         
    at require (internal/module.js:20:19)                                                                                        
    at Object.<anonymous> (I:\dev\mern\NewApp\node_modules\react-toolbox\lib\ripple\index.js:13:14)                              
    at Module._compile (module.js:541:32)                                                                                        
    at Module._extensions..js (module.js:550:10)                                                                                 
    at Object.require.extensions.(anonymous function) [as .js] (I:\dev\mern\NewApp\node_modules\babel-register\lib\node.js:166:7)
    at Module.load (module.js:458:32)                                                                                            
    at tryModuleLoad (module.js:417:12)                                                                                          
    at Function.Module._load (module.js:409:3)                                                                                   
 [nodemon] app crashed - waiting for file changes before starting...                                                             

Could you please provide more precise indications to where to put the loader (which webpack file) and where to put the import.

Best,

You can easily use react toolbox. To integrate toolbox you should:

1. Install toolbox and sass-loader

2. Configure webpack with sass loader

    { test: /\.scss$/,
      include: /(react-toolbox|app)/,
      loaders:  [
                'style-loader',
                'css-loader?modules&sourceMap&importLoaders=2&sourceMap&localIdentName=[name]__[local]___[hash:base64:5]',
                'postcss-loader',
                'sass-loader?sourceMap'
              ],}
   

3. Include somewhere in your app import 'react-toolbox/lib/commons.scss'; .