好处:开发时, 快速自动打包查看效果
1.下载包
yarn add webpack-dev-server@3.11.2 -D
2.配置自定义命令serve
scripts: {
"build": "webpack",
"serve": "webpack serve"
}
3.运行命令-启动webpack开发服务器
yarn serve
#或者 npm run serve
配置
webpack.config.js中添加服务器配置
module.exports = {
// ...其他配置
devServer: {
port: 3000, // 端口号
open: true // 启动后自动打开浏览器
}
}