webpack.config.vendor.js

const path = require("path");
const webpack = require("webpack");
const safe = require("postcss-safe-parser");
//const ExtractTextPlugin = require('extract-text-webpack-plugin');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
var OptimizeCSSPlugin = require("optimize-css-assets-webpack-plugin");

module.exports = env => {
	//const extractCSS = new ExtractTextPlugin('vendor.css');
	const extractCSS = new MiniCssExtractPlugin("vendor.css");
	const isDevBuild = !(env && env.prod);
	return [
		{
			stats: { modules: false },
			resolve: {
				extensions: [".js"]
			},
			module: {
				rules: [
					{
						test: /\.(png|woff|woff2|eot|ttf|svg)(\?|$)/,
						use: "url-loader?limit=100000"
					},
					//{ test: /\.css(\?|$)/, use: extractCSS.extract(['css-loader']) }
					{
						test: /\.css(\?|$)/,
						use: [MiniCssExtractPlugin.loader, "css-loader"]
					}
				]
			},
			entry: {
				vendor: [
					"bootstrap",
					"bootstrap/dist/css/bootstrap.css",
					"event-source-polyfill",
					"vue",
					"vuex",
					"vue-axios-plugin",
					"vue-router",
					"jquery"
				]
			},
			output: {
				path: path.join(__dirname, "wwwroot", "dist"),
				publicPath: "/dist/",
				filename: "[name].js",
				library: "[name]_[hash]"
			},
			plugins: [
				extractCSS,
				// Compress extracted CSS.
				new OptimizeCSSPlugin(safe),
				new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }), // Maps these identifiers to the jQuery package (because Bootstrap expects it to be a global variable)
				new webpack.DllPlugin({
					path: path.join(
						__dirname,
						"wwwroot",
						"dist",
						"[name]-manifest.json"
					),
					name: "[name]_[hash]"
				}),
				new webpack.DefinePlugin({
					"process.env.NODE_ENV": isDevBuild
						? '"development"'
						: '"production"'
				})
			].concat(
				isDevBuild
					? []
					: [
							new webpack.optimize.UglifyJsPlugin({
								compress: {
									warnings: false
								}
							})
					  ]
			)
		}
	];
};