使用webpack进行数据的更新

最新推荐文章于 2025-08-29 14:24:45 发布

原创最新推荐文章于 2025-08-29 14:24:45 发布 · 404 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #npm #json

本文介绍了在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/ 进行访问，自己的访问地址看下图