webpack.common.js

const autoprefixer = require('autoprefixer')
const pixrem = require('pixrem')

const path = require('path')

const plugins = [

]

const css_loader = {
    loader: 'css-loader',
    options: {
        modules: true,
        localIdentName: '[name].[local]',
    },
}

const postcss_loader = {
    loader: 'postcss-loader',
    options: {
        plugins: function () {
            return [
                autoprefixer('last 10 versions', 'ie 10'),
                pixrem({
                    rootValue: 10,
                    replace: true,
                }),
            ]
        }
    }
}

const config = {

    context: path.resolve(__dirname, './src'),

    entry: {
        index: './index.js',
    },

    output: {
        filename: '[name].js',
        path:  path.resolve(__dirname, './lib'),
        publicPath: '/',

        library: 'OverwatchSettingsSelect',
        libraryTarget: 'umd',
    },

    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /(node_modules)/,
                use: [
                    'babel-loader',
                    'source-map-loader',
                ],
            },
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    css_loader,
                    postcss_loader,
                ],
            },
            {
                test: /\.less/,
                use: [
                    'style-loader',
                    css_loader,
                    postcss_loader,
                    'less-loader',
                ],
            },
            {
                test: /\.json$/,
                use: ["json-loader"],
                exclude: /(node_modules)/,
            },
            {
                test: /\.(svg)$/,
                use: ['raw-loader'],
                // exclude: /(node_modules)/,
            }
        ]

    },
    plugins,
}

module.exports = config