AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（九）

26.搭建开发环境

开发环境 | webpack 中文文档 (docschina.org)

之前运行时出现的警告和mode配置有关

目标11：配置开发服务器环境 webpack-dev-server

   11.1 下载 webpack-dev-server 软件包到当前项目

   11.2 设置打包的模式为开发模式，配置自定义命令

   11.3 使用 npm run dev 来启动开发服务器，试试热更新效果

注意1：webpack-dev-server 借助 http 模块创建 8080 默认 Web 服务

注意2：默认以 public 文件夹作为服务器根目录

注意3：webpack-dev-server 根据配置，打包相关代码在内存当中，以 output.path 的值作为服务器根目录（所以可以直接自己拼接访问 dist 目录下内容）

内存有，磁盘也有

output.path 的值

神奇操作

可自动跳转

可观察到自动打包及热更新

27.打包模式

不推荐配置项的方式（写完代码，还得记得修改值，不如记住命令）