webpack.js

gistfile1.js

const postcssLoader = {
	loader: 'postcss-loader',
	options: {
		sourceMap: false,
		plugins: () => [autoprefixer()],
	},
};

const cssRules = [
	{
		// for css files that are imported WITHOUT modules
		test: /\.(s?css)$/,
		use: [
			//extracts CSS into separate files
			MiniCssExtractPlugin.loader,
			{
				loader: 'css-loader',
				options: {
					modules: false,
				}
			},
			//autoprefixer
			postcssLoader,
			'sass-loader'
		],
		sideEffects: true,
		//file listing
		include: /(bootstrap|date)\.scss$/,
	},
	{
		test: /\.(s?css)$/,
		use: [
			MiniCssExtractPlugin.loader,
			{
				loader: 'css-loader',
				options: {
					modules: true,
					exportOnlyLocals: false,
					getLocalIdent: (context, localIdentName, localName) => {
						return generateScopedName(localName, context.resourcePath);
					},
				}
			},
			postcssLoader,
			'sass-loader'
		],
		sideEffects: true,
		exclude: /(bootstrap|date)\.scss$/,
	},
];