webpack.config.js

module.exports = {

    // This is the entry point or start of our react applicaton
    entry: "./app/client/app.js",

    // The plain compiled JavaScript will be output into this file
    output: {
        filename: "app/public/bundle.js"
    },

    // This section desribes the transformations we will perform
    module: {
        loaders: [
            {
                // Only working with files that in in a .js or .jsx extension
                test: /\.jsx?$/,
                // Webpack will only process files in our app folder. This avoids processing
                // node modules and server files unnecessarily
                include: /app/,
                loader: "babel-loader",
                query: {
                    // These are the specific transformations we'll be using.
                    presets: ["react", "es2015"],
                    plugins: ["transform-class-properties"]
                }
            },

            {
                test: /\.scss$/,
               // loaders:'style-loader!css-loader!sass-loader'
                loader:['style-loader', 'css-loader', 'sass-loader']
            }
        ]
    },
    // This lets us qe our react code in chrome dev tools. Errors will have lines and file names
    // Without this the console says all errors are coming from just coming from bundle.js
    devtool: "eval-source-map"
};