57.[前端开发-前端工程化]Day04-webpack插件模式-搭建本地服务器

Webpack常见的插件和模式

1 认识插件Plugin

认识Plugin

2 CleanWebpackPlugin

CleanWebpackPlugin

3 HtmlWebpackPlugin

HtmlWebpackPlugin

生成index.html分析

自定义HTML模板

自定义模板数据填充

4 DefinePlugin

DefinePlugin的介绍

DefinePlugin的使用

5 mode模式配置

Mode配置

Mode配置代表更多

Webpack搭建本地服务器

1 开启本地服务器

为什么要搭建本地服务器？

webpack-dev-server
 

搭建本地服务

2 HMR热模块替换

认识模块热替换（HMR）

开启HMR

框架的HMR

3 devServer配置

host配置

port、open、compress

Proxy（Vue项目学习）

changeOrigin的解析（Vue项目学习）

historyApiFallback （Vue项目学习）

4 开发和生成环境

如何区分开发环境

入口文件解析

区分开发和生成环境配置