devserver 的配置

webpack-dev-server

• 帮助我们在开发时，自动检测代码的变化重新打包文件，打包的文件放入内存中反应更迅速

1. 安装（webpack-cli自带）

npm install webpack-dev-server -D

2. 配置( )

• 这里有一篇配置项详解

// webpack.config.js
// webpack-dev-server 默认值,不配置这个也是一样的
devServer: {
  static: './dist' // 服务器根目录地址
}

3. 执行

npx webpack-dev-server/ npx webpack serve( webpack-cli 自带)
// 或者设置和执行 npm scripts命令

4. 说明

• webpack-dev-server支持热模块更新，相较于（开启本地服务（live-server）+ --watch监听文件变化重新打包（webpack -w））的模式虽然表现上没有区别，但效率更高
• 打包的文件放入内存中反应更迅速