@rocketspark/domain-checker/webpack.config.demo.js

Embeddable Domain Checker for Rocketspark

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    mode: 'development',
    devtool: 'cheap-module-source-map',
    entry: './src/demo/index.ts',
    output: {
        filename: 'index.js'
    },
    optimization: {
        minimize: false,
    },
    devServer: {
        open: ['http://localhost:9000'],
        hot: true,
        host: '0.0.0.0',
        port: 9000,
    },
    module: {
        rules: [
            {
                test: /\.([mjt])s$/,
                exclude: /(node_modules|bower_components)/,
                use: {
                    loader: 'babel-loader'
                }
            },
            {
                test: /\.(sa|sc|c)ss$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    { loader: 'css-loader', options: { sourceMap: true } },
                    {
                        loader: 'postcss-loader',
                        options: {
                            postcssOptions: {
                                plugins: [
                                    ['postcss-pxtorem', {
                                        minPixelValue: 2,
                                        propWhiteList: [], // don't use propList
                                        selectorBlackList: ['rs-radio', 'choices--product-subscription']
                                    }]
                                ]
                            },
                            sourceMap: true
                        }
                    },
                ],
            }
        ]
    },
    plugins: [
        new MiniCssExtractPlugin({
            filename: 'css/index.css'
        }),
        new HtmlWebpackPlugin(),
    ],
    resolve: {
        extensions: ['.ts', '.js', '.json']
    }
};