I'm using style-loader with webpack and react framework. When I run webpack in terminal i'm getting Module not found: Error: Cannot resolve module 'style-loader' in import.js file although i've specified the file path correctly.

import '../css/style.css';

import React from 'react';

import ReactDOM from 'react-dom';

import jQuery from 'jquery';

import TopicsList from '../components/topic-list.jsx';

import Layout from '../components/layout.jsx';

webpack.config.js:

var webpack = require('webpack');

var path = require('path');



var BUILD_DIR = path.resolve(__dirname, 'build');

var APP_DIR = path.resolve(__dirname, 'build');



module.exports = {

    entry: [

      // Set up an ES6-ish environment

      'babel-polyfill',



      // Add your application's scripts below

      APP_DIR + '/import.js'

    ],

    output: {

        path: BUILD_DIR,

        filename: 'bundle.js'

    },

    module: {

        loaders: [

            {

                test: /.jsx?$/,

                loader: 'babel',



                exclude: /node_modules/,

                query: {

                    plugins: ['transform-runtime'],

                    presets: ['es2015', 'stage-0', 'react']

                }

            },

            { test: /.css$/, loader: style-loader!css-loader }

        ],

        resolve: {

            extensions: ['', '.js', '.jsx', '.css']

        }

    }

};