webpack

一、webpack概述

二、webpack的基本使用

2.1：在项目中安装和配置webpack

开发中mode用 development
上线时候mode用 production

2.2：配置打包的入口与出口

2.3：webpack打包

在index.html文件中引入dis文件下的main.js，此文件兼容Es6语法

2.4：配置打包的入口出口

最后需要在index.html页面重新导入打包好的bundle.js文件

2.5：配置自动打包功能

2.6:配置htm-webpack-plugin生成预览页面

2.7：配置自动打包的相关参数

在dev指令中操控：

三、webpack中的加载器

3.1：通过loader打包非js模块

3.2：loader的调用过程

3.3：打包处理css文件

3.4:打包处理less文件

3.5：打包处理scss文件

3.6：配置postCSS自动添加css的兼容前缀

3.7：打包图片和字体文字

3.8:打包处理js高级语法

四、Vue单文件组件

4.1：单文件组件引入

4.2：webpack配置Vue组件加载器

4.3：在webpack中使用vue

五、webpack的打包发布