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文件夹 bannerplugin 内置new webpack.BannerPlugin('mack 2019 by zhao') htmlwebpackplugin html模板及修改打包后文件名字 plugin:[ new htmlWebpackPlugin({ tempalte:"",//绝对路径 filename:""， minify:{ 移除逗号、删除引号 } }) ] mini-css-extract-plugin 抽离css 放入外联css中 mini-css-extract-plugin.loader引入css loader中x优化： important语法自带：tree-shaking(不用的数据不参与打包) 自动简化代码 cssloader: insertAt插入位置 postcss-loader
