初识
webpack通过entries和output配置入口和出口，可构建单页/多页应用；- 通过
loader来转换多语言为webpack可编译的JS； - 通过
plugins来扩展优化打包功能； - 最终输出产物为
bundle、asset和其他你所打包或使用webpack载入的任何内容；资源地址通过项目配置，CI部署，最终实现线上访问；
项目配置：
CI/OSS部署：
线上访问：
- 通过上图可以看到诸如：
vendor,commom,manifest的文件，这些是webpack编译打包的最终文件产物，其中manifest称为“文件清单”，记录所有模块的详细要点，供运行时查询检索；
配置初探
loaders
"预处理加载模块"；
module.rules中配置；
支持按相反顺序的链式传递；
plugins
一个具有 apply属性的JS对象；
plugins选项中配置；
优化
vue项目可以通过
npm run build --report=true
来调用webpack-bundle-analyzer插件查看分析打包资源
相关
webpack-dev-server：开发环境启动服务；
webpack-merge：合并配置对象；
compiler实例：生产环境自定义打包流程时，webpack函数返回compiler实例，其run方法触发所有编译工作，watch方法触发执行器；
**webpack-bundle-analyzer **：视图化查看分析打包后资源的依赖图表；
copy-webpack-plugin：将单个文件或者整个目录复制到构建目录；
html-webpack-plugin：简单创建html文件，用于服务器访问；
