const path = require('path');
const webpack = require('webpack');
const StyleLintPlugin = require('stylelint-webpack-plugin');
let baseConfig = require('./webpack.base.config.js');

baseConfig = baseConfig('dev');
baseConfig.devtool = '#inline-source-map';
baseConfig.output.publicPath = 'http://localhost:5001/';
baseConfig.devServer = {
    host: '0.0.0.0',
    port: 5001,
    contentBase: [path.join(__dirname, './bundle/'), path.join(__dirname, '../')],
    publicPath: baseConfig.output.publicPath,
    hot: true,
    inline: true,
    quiet: true,
    clientLogLevel: 'error',
    compress: true,
    stats: {
        colors: true,
        children: false
    },
    headers: {
        'Access-Control-Allow-Origin': '*'
    }
};

baseConfig.plugins.push(
    new StyleLintPlugin({
        files: ['public/scss/*.css', 'public/scss/**/*.css', 'public/vue/*.vue', 'public/vue/**/*.vue']
    }),
    new webpack.HotModuleReplacementPlugin()
);

module.exports = baseConfig;