webpack3升级到webpack4

webpack4出来有一段时间了，现在3升级到4
运行

npm i npm-check -g
npm-check -u

选择要更新的依赖，loader之类都更新到最新

npm i webpack-cli --save-dev

dev和prod 添加不同mode


utils.js css 预编译处理 前缀于 loder配置， 生产打包使用MiniCssExtractPlugin

exports.cssLoaders = function (options, booLocal) {
   
	options = options || {
   };
	var cssLoader = {
   
		loader: 'css-loader',
		options: {
   
			sourceMap: options.sourceMap,
			modules: true,
			localIdentName: '[local]',
			importLoaders: 1,
		}
	};
	var postcssLoader = {
   
		loader: 'postcss-loader',
		options: {
   
			plugins: [
				require('autoprefixer')({
   
					browsers: ['last 5 versions']
				})
			]
		}
	};
	// generate loader string to be use