webpack.dev.js

const common = require('./webpack.common.js');
const path = require('path');
const merge = require('webpack-merge');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = merge(common, {
   devtool: 'inline-source-map',
   devServer: {
      contentBase: './dist'
   },
   module: {
      loaders: [ 
         {
            test: /\.scss$/,
            use: [
               {loader: 'style-loader'},
               {loader: 'css-loader'},
               {loader: 'sass-loader'}
            ]
         }
      ]
   },
   plugins: [
      new CleanWebpackPlugin(['dist']),
      new HtmlWebpackPlugin({
         template: './src/index.html',
         favicon: './src/favicon.ico',
         inject: 'body'
      }),
   ],
   output: {
      path: path.resolve(__dirname, 'dist'),
      filename: '[name]-bundle.js'
   }
});