本文介绍了在Vue项目中使用webpack进行文件更新的两种方法。方法一是修改源文件后通过`npm run dev`重新生成文件。方法二是利用webpack-dev-server实现文件实时更新，通过安装`webpack-dev-server`并修改`package.json`中的dev命令，不过需要注意需要通过`http://localhost:8080/`访问本地服务，因为文件被存储在内存而非物理磁盘。
Vue中webpack进行文件更新
方法一
这个方法比较繁琐
修改源文件以后， 需要重新使用npm 生成文件， 以保持文件的更新 npm run dev
dev表示的是 package.json里的命令
方法二
使用文件时事更新
可以通过webpack插件进行时事更新
npm install webpack-dev-serve@3.11.2 -D
-D表示临时配置文件，这些第三方插件都存放到
devDependencies
同时进行修改package.json中dev命令
变成
dev:“webpack serve”
但是会有一个问题 不能在到本地进行浏览
需要访问 http://localhost:8080/ 进行访问，自己的访问地址看下图
这是因为webpack-dev-server的插件没有把文件放到物理磁盘上，而是放到虚拟磁盘上,在内存里
所以需要访问内存的dist资源进行实时更新
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
