webpack4.0+ 前端必修之路...

一、什么是webpack

        webpack 可以看作是模块打包机：它做的事情就是分析你项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的扩展语言，并将其打包为合适的格式以供浏览器使用。

二、环境配置

       node npm 的安装

       mac www.jianshu.com/p/9dae932f3…

       windows www.jianshu.com/p/03a76b2e7…

三、分享目标

第一章 webpack的基础配置 （附源码）

•       1.1 webpack 基础配置
  
•       1.2 webpack 基础自定义配置
•       1.3 webpack 配置css等样式表 抽离输出
•       1.4 webpack 之 ES6或更高级JavaScript语法配置
  
•       1.5 webpack 之 jQuery使用配置 
  
•       1.6 webpack 之 Image资源配置
  

第二章 webpack 常用配置  (附源码）

•       2.1 webpack 之 模块拆分打包配置
•       2.2 webpack 之 devtool 、 watch、resolve属性配置
•       2.3 webpack4.0+ 之 开发生产环境 & 环境变量的配置
•       2.4 webpack 跨域问题配置

第三章 webpack 优化篇

•       3.1 webpack 下 IgnorePlugin、dllPlugin等插件应用和懒加载、热更新实现
  

至此webpack的基础入门已经差不错了，后续有时间在更新其实现原理....