// webpack.config.js
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const HtmlWebpackPlugin = require('html-webpack-plugin');
console.log(path.resolve(__dirname, './build/assets'));
module.exports = {
  entry: [
    './src/entry.js',
    'webpack-dev-server/client?http://127.0.0.1:8089/',
    'webpack/hot/dev-server'
  ],
  output: {
    path: path.resolve(__dirname, './build'),
    filename: "assets/bundle.js",
    publicPath: '/'
  },
  module: {
    rules: [
      { 
          test: /\.js$/, 
          exclude: /node_modules/, 
          use: "babel-loader" 
      },
      {
          test: /\.scss$/,
          use: ExtractTextPlugin.extract({
            use: [{
                loader: "css-loader"
            }, {
                loader: "sass-loader"
            }]
        })
      }
    ]
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new ExtractTextPlugin('style.css'),
    new HtmlWebpackPlugin({
          filename: './index.html',
          template: './index.html',
          hash: false,
      })
  ]
}
// dev-serve.js
var WebpackDevServer = require('webpack-dev-server');
var webpack = require('webpack');
var config = require('./webpack.config.js');
var path = require('path');
var compiler = webpack(config);
var server = new WebpackDevServer(compiler,{
    hot:true,
    filename: config.output.filename,
    publicPath: config.output.publicPath,
    stats: {
        colors: true
    }
})
server.listen(8089,'localhost',()=>{});