webpack-dev-server
1、作用
每当修改源代码,自动进行项目的打包和创建
2、安装与配置
安装:输入命令:npm install webpack-dev-server@3.11.2 -D
配置: 修改 package.json --> scripts 中的 dev 命令
3、运行
输入命令: npm run dev
这样就会实现实时修改实时更新了。。。
在cmd中Ctrl+c可以终止服务,如果想重新实现实时打包,需要重新输入命令 npm run dev
3.如何访问最新的页面
1)运行插件后会出现一个网址
2)访问之后页面会出现项目中的所有文件夹
3)运行原理
插件自动保存的打包后的文件,没有保存在物理磁盘上而是保存在内存中,访问根目录下会找到该文件
4)因此想要查看最新的效果,需要改变引入的js文件
5)重新打开网址中的src文件夹就会出现最新的效果