nice-select2/webpack.config.js

A lightweight Vanilla JavaScript plugin that replaces native select elements with customizable dropdowns.

//npm install mini-css-extract-plugin sass-loader sass webpack webpack-cli --save-dev

const path = require('path');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
    entry: {
		"nice-select2": './src/js/nice-select2.js',
		style: "./src/scss/style.scss",
	},
    output: {
		path: path.resolve(__dirname, 'dist'),
		filename: 'js/[name].js',
		library: {
			name: 'NiceSelect',
			type: 'umd',
		},
	},
    optimization: {
		usedExports: true,
    },
	plugins: [new MiniCssExtractPlugin({
		filename: "css/[name].css",
    })],
	module: {
		rules: [
		  {
			test: /\.(sa|sc|c)ss$/i,
			use: [
				MiniCssExtractPlugin.loader,
				"css-loader",
				"sass-loader",
			],
		  },
		],
	},
}

if (process.env.NODE_ENV !== 'production') {
	module.exports['devtool'] = 'source-map';
}