04webpack--webpack-dev-server 时时跟新
2024-10-18 22:34:51
<!-- 如何添加npm run dev 启动程序
下载npm i webpack-dev-server -S
在pack.json中添加 "dev": "webpack-dev-server"这一句 注意使用逗号隔开 "scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack-dev-server" //添加这一句
}, 本节实现的功能==》手动修改成自己想要的端口号 2并且自动打开浏览器哦
下载 npm i webpack-dev-server -S
在package.json中修改
将“script”:{ "dev":"webpack-dev-server --open --port 3000"}
解释==》 --open是自动打开浏览器 --port 3000将端口修改为3000
--> <!-- 本节实现的功能==》
我们发现启动之后展示的不是一个具体的首页 而是一个目录 如何解决启动之后是一个具体的首页
将“script”:{ "dev":"webpack-dev-server --open --port 3000 --contentBase src --hot"} 这里有4个指令 解释==》 --open是自动打开浏览器 --port 3000将端口修改为3000 --contentBase src 以src为根目录 展示它里面的index.html这个文件
--hot实现局部的跟新 你修改了哪里就跟新哪里 效率跟高了 它能够实现网页不重载(那个圈圈不会刷新) 就可以实现页面跟新
-->
最新文章
- SQL语句优化
- html5 canvas绘画时钟
- zabbix 3.0 安装 ubuntu环境
- copy-paste component
- android系统自带的Service原理与使用
- Linq 内联左联等
- # C#不登录电脑启动程序
- PTA題目的處理(二)
- Python中如何设置输出文字的颜色
- 10ci
- eos开发(一) eos开发环境搭建
- 解决vscode无法安装golang相关插件的问题 - 即无法直连golang.org的问题
- The current state of generics in Delphi( 转载)
- Mysql依赖库Boost的源码安装,linux下boost库的安装
- [Arch] 01. Before Design Patterns - UML
- Executor 框架详解
- springMVC学习(10)-上传图片
- [.net]数组
- idea 设置代码的颜色
- 1-spring xml 和 注解 解析过程