怎样在手机上预览用 webpack-dev-server 运行的项目

1. 将 devServer.host 设置为 0.0.0.0

以 [email protected] 搭建的项目为例，找到 devServer.host 配置，在 webpack.dev.conf.js 文件中可以看到 host 在 config 文件夹中配置。在 webpack 文档中查看 devServer.host。

打开 config 文件夹下的 index.js 文件可以看到当前的配置是 localhost，将它改为 0.0.0.0。

重新运行项目，你会发现项目不仅可以在 http://localhost:8080/ 和 http://127.0.0.1:8080/ 下运行，还可以在 http://192.168.x.x:8080/ 下运行（192.168.x.x 为电脑 IP 地址）。

2. 让手机和电脑处于同一局域网

让手机和电脑处于同一局域网，这样手机就可以访问 http://192.168.x.x:8080/ 来预览项目了。