Webpack核心(二）—— devServer

最新推荐文章于 2025-06-25 16:04:19 发布

采故事的女孩

最新推荐文章于 2025-06-25 16:04:19 发布

阅读量198

点赞数

CC 4.0 BY-SA版权

分类专栏： Webpack 文章标签： Webpack devServer

本文链接：https://blog.csdn.net/weixin_42416812/article/details/100072190

Webpack 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何使用npm安装Webpack-dev-server，配置devServer模块实现本地服务器的搭建，包括设置服务器ip、端口、自动打开页面及热更新等功能。通过具体参数说明与代码示例，帮助读者快速掌握Webpack热更新的配置与应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装：
npm install webpack-dev-server -D
webpack-dev-server // 启动服务器
参数：
host: 服务器的ip地址
port:端口
open: 自动打开
hot :热更新

 devServer:{
        host:'localhost', //默认localhost
        port:'1513', //端口
        open:true, //自动打开页面 实时刷新
        //hot相当于vue的数据实时更新
        hot:true //开启实时热更新

    }

热更新：
const webpack = require('webpack');
new webpack.HotModuleReplacementPlugin();

https://www.webpackjs.com/configuration/dev-server/  :官网

热更新：
const webpack = require('webpack');
new webpack.HotModuleReplacementPlugin();
https://www.webpackjs.com/configuration/dev-server/ :官网