扫码关注官方订阅号
人生最曼妙的风景，竟是内心的淡定与从容！
webpack-dev-server 会监听前端代码并且重启服务app.use(require('webpack-dev-middleware')(compiler, serverOptions))app.use(require('webpack-hot-middleware')(compiler))其中compile是webpack的配置文件，serverOption配置了启动的端口等信息然后启动服务var app = new Express()app.listen(PORT, function onAppListening(err) { ...})
全局安装 webpack-dev-server，然后运行webpack-dev-server --inline --hot --host 0.0.0.0 --port 1024 --history-api-fallback。
webpack-dev-server
webpack-dev-server --inline --hot --host 0.0.0.0 --port 1024 --history-api-fallback
需要注意的是，webpack.config.js里的配置里有个output，里面有个publicPath，这个是提供打包后的文件的地址。
webpack.config.js
output
publicPath
如果你在开发环境，那么这个要设置为相对路径，然后这个相对路径就是html加载文件的位置。
如果是生产环境，那么，这个就是cdn的地址。
有点混乱，我被这里的设置坑过。手机回答，无法细说。这里建议细读github上的文档。
如何设置 网站的根目录?
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
3
417
收藏
webpack-dev-server 会监听前端代码并且重启服务
app.use(require('webpack-dev-middleware')(compiler, serverOptions))
app.use(require('webpack-hot-middleware')(compiler))
其中compile是webpack的配置文件，serverOption配置了启动的端口等信息
然后启动服务
var app = new Express()
app.listen(PORT, function onAppListening(err) {
...
})
全局安装
webpack-dev-server，然后运行webpack-dev-server --inline --hot --host 0.0.0.0 --port 1024 --history-api-fallback。需要注意的是，
webpack.config.js里的配置里有个output，里面有个publicPath，这个是提供打包后的文件的地址。如果你在开发环境，那么这个要设置为相对路径，然后这个相对路径就是html加载文件的位置。
如果是生产环境，那么，这个就是cdn的地址。
有点混乱，我被这里的设置坑过。手机回答，无法细说。这里建议细读github上的文档。
如何设置 网站的根目录?