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))的模式虽然表现上没有区别,但效率更高
- 打包的文件放入内存中反应更迅速