09 —— Webpack搭建开发环境

搭建开发环境 ------ 使用webpack-dev-server

启动Web服务,自动检测代码变化,有变化后会自动重新打包,热更新到网页(代码变化后,直接替换变化的代码,自动更新网页,不用手动刷新网页)

如何搭建开发环境

  • 下载webpack-dev-server软件包到当前项目
  • 设置模式为开发模式
  • 配置自定义命令

启动后自动弹出浏览器 --open

  • npm run dev启动开发服务器

版本兼容性问题

"webpack": "^5.74.0",

"webpack-cli": "^4.10.0",

"webpack-dev-server": "^4.7.0"

webpack-dev-server借助http模块创建8080默认Web服务 ;

默认以public文件夹作为服务器根目录;


相关推荐
程序员黑豆5 小时前
鸿蒙应用开发:Grid组件实现九宫格布局教程
前端·华为·harmonyos
浮江雾5 小时前
Flutter第十七节-----路由管理(3)
android·开发语言·前端·javascript·flutter·入门
阿懂在掘金5 小时前
企业级命令式弹窗方案:三行代码适配已有 Dialog
前端·vue.js·前端框架
Revolution615 小时前
测试接口为什么进了生产包:前端环境变量到底在什么时候生效
前端·前端工程化
午安~婉5 小时前
Git中SSH连接
前端·git·gitee
盏灯6 小时前
mac 外接磁盘,热更新失效
前端·后端
那些年丶ny6 小时前
颜色扩展库
前端·javascript·数据可视化
ihuyigui6 小时前
海外签收通知短信接口
android·java·开发语言·前端·数据库·后端
YWL6 小时前
OpenLayers + Vue 2 使用指南(01)
前端·javascript·vue.js
暖和_白开水6 小时前
数据分析agent (七):contextvars 模块上下文request_id
java·前端·数据分析