Not able to integrate react-toolbax

[techhysahil]

I was trying to integrate react-toolbax with React redux starter kit but issue is coming in style compilation. I tried various solution but nothing is working for me.

I really wanna go ahead with both of these. Can someone please help me out, i am getting stuck on this.

[GerilLeto]

have you tried this?

https://github.com/davezuko/react-redux-starter-kit/issues/582#issuecomment-257663228

[techhysahil]

I already tried that, not working. There is some issue with CSS Loaders. Please help me out.

[GerilLeto]

sorry for the delay would you like to append some detailed information? some code snippets might help a lot

[relax94]

To integrate react-toolbox please use cssnext and import modules in loader with postcss configuration. Hope this will help you. If you have some questions ping about it. I plays with this many times ))

[techhysahil]

@relax94 , thanks. I will try it out today.

[MCD-50]

@relax94 Im facing problems integrating toolbox

//my webpack version 2.4 //what configuration should i do use toolbox const webpack = require('webpack'); const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const BabiliPlugin = require('babili-webpack-plugin'); const ExtractTextPlugin = require('extract-text-webpack-plugin');

const SRC_DIR = path.resolve(__dirname, 'src'); const OUTPUT_DIR = path.resolve(__dirname, 'dist');

// Any directories you will be adding code/files into, need to be added to this array so webpack will pick them up const defaultInclude = [SRC_DIR];

module.exports = { entry: SRC_DIR + '/index.js', target: 'node', node: { dirname: true, filename: false, }, output: { path: OUTPUT_DIR, publicPath: './', filename: 'bundle.js' }, module: { rules: [ { test: /.css$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: 'css-loader' }), include: defaultInclude }, { test: /.jsx?$/, use: [{ loader: 'babel-loader' }], include: defaultInclude }, { test: /.(jpe?g|png|gif)$/, use: [{ loader: 'file-loader?name=img/[name][hash:base64:5].[ext]' }], include: defaultInclude }, { test: /.(eot|svg|ttf|woff|woff2)$/, use: [{ loader: 'file-loader?name=font/[name][hash:base64:5].[ext]' }], include: defaultInclude } ] }, target: 'electron-renderer', plugins: [ new HtmlWebpackPlugin({ title: 'Airtask', template: SRC_DIR + '/index.html', }), new ExtractTextPlugin('bundle.css'), new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }), new BabiliPlugin() ], stats: { colors: true, children: false, chunks: false, modules: false } };