Webpack核心（三）—— CSS加载器提取与压缩

 //webpack.config.js 配置文件

    
 // 1.入口(entry) :使用哪个模块来构建内部依赖图的开始
    
 // 2.输出(output) :在哪里输出它所创建的bundles及命名规则
    
 // 3.loader :可以促使webpack额外地处理非javascript文件
    
 // 4.插件(plugins) :执行范围更广的任务，如：打包优化和压缩等 
    
  
    
 const path = require('path');  
    
 const HtmlWebpackPlugin = require("html-webpack-plugin");  //引入插件
    
 const webpack = require('webpack'); //引入热更新插件
    
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');  //提取css
    
 const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); //压缩css
    
 module.exports = {
    
     entry:'./s