webpack.dev.config.js 1.11 KB
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 = '#eval';
baseConfig.output.publicPath = 'http://localhost:5001/';
baseConfig.module.rules.push({
    enforce: 'pre',
    test: /\.js$/,
    exclude: /node_modules/,
    loader: 'eslint-loader',
    options: {
        cache: true,
        failOnError: true,
        formatter: require('eslint/lib/formatters/table')
    }
});
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,
    compress: true,
    stats: {
        colors: true,
        children: false
    },
    headers: {
        'Access-Control-Allow-Origin': '*'
    }
}

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

module.exports = baseConfig;