Webpack Chains

eh.js

module.exports = (env, argv) => {
    config.mode(argv.mode).devtool(argv.mode === 'development' ? 'cheap-eval-source-map' : false);

    config.entry('index').add('./src/index.ts');

    config.output
        .path(path.resolve(__dirname, 'dist'))
        .filename('index.js')
        .libraryTarget('commonjs2');

    config.module
        .rule('styles')
        .test(/\.s?[ac]ss$/)
        .use('scss')
        .loader(MiniCssExtractPlugin.loader)
        .loader('css-loader')
        .loader('sass-loader');

    config.module
        .rule('compile')
        .test(/\.ts$/)
        .use('ts')
        .loader('ts-loader');

    config.module
        .rule('images')
        .test(/\.(png|svg)$/)
        .use('url')
        .loader('url-loader');

    config.plugin('mini-css').use(MiniCssExtractPlugin);

    config.resolve.extensions
        .add('.ts')
        .add('.js')
        .add('.css')
        .add('.scss');

    console.log('!!!!', argv.mode);

    return config.toConfig();
};