webpack-dev-server 为你提供了一个基本的 web server,并且具有 live reloading(实时重新加载) 功能。先安装:

npm install --save-dev webpack-dev-server

修改配置文件,告知 dev server,从什么位置查找文件:

module.exports = {
// dev-server
devServer: {
static: './dist'
}
}

以上配置告知 webpack-dev-server ,将 dist 目录下的文件作为 web 服务的根目 录。

提示: webpack-dev-server 在编译之后不会写入到任何输出文件。而是将 bundle 文 件保留在内存中,然后将它们 serve 到 server 中,就好像它们是挂载在 server 根路径上的真实文件一样

posted on 2022-05-04 15:37  weakup  阅读(58)  评论(0编辑  收藏  举报