前言
上一期从零构建了一个基础版的vue-cli项目，主要介绍了loader的安装和一些配置项的用法，还给项目添加了less预处理器
上一期的链接-从搭建vue-脚手架到掌握webpack配置（一.基础配置）
本期开始引入常用的插件实现开发环境和生成环境会用到的一些功能，比如热插拔、css样式提取、公共模块提、取代码压缩等等
区分开发与生产环境
很多插件功能是在开发环境（development）用到的但是在s生产环境（production）用不到的，反之亦然。比如
-development用到的
- 热插拔调试
- 生成html模板
-production用到的
- 生成html模板
- css样式提取
- 公共模块提取
- JavaScript压缩
- ......
引用官方的说法 ，区分生产和开发环境有两种方法，如下图
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。