webpack01

webpack安装：
cnpm i webpack webpack-cli -D
webpack配置：
打包工具 -> 输出结果（js模块）
默认配置文件名字：webpack.config.js

• 配置相关参数

    	-- mode配置模式   //例如：--mode development
    	--config 路径 //例如：--config xx.webpack.js 配置文件路径
    	--env：设置环境变量
    scripts配置：
    	build :'webpack --config xx.webpack.js'
  

• 插件
  1. cleanwebpackplugin
  new cleanWebpackPlugin() //不需要传入参数 清除打dist包文件内的文件
  2. copywebpackplugin

  	new CopyWebpackPlugi([{
              from:"./doc",
              to:'./'
          }])从A复制到B文件夹
  

3. bannerplugin 内置

   new webpack.BannerPlugin('mack 2019 by zhao')
   

4. htmlwebpackplugin html模板及修改打包后文件名字

   	plugin:[
   		new htmlWebpackPlugin({
   			tempalte:"",//绝对路径
   			filename:""，
   			minify:{
   				移除逗号、删除引号
   			}
   		})
   	]
   

   5. mini-css-extract-plugin
      抽离css 放入外联css中
mini-css-extract-plugin.loader引入css loader中
   6. x

优化：
important语法自带：tree-shaking(不用的数据不参与打包)
自动简化代码
cssloader:
insertAt插入位置
postcss-loader