前端 - vue2项目，每次修改vueconfig都要重启项目，有没有办法可以热更新？

Question

vue2项目，每次修改vueconfig都要重启项目，有没有办法可以热更新？

Answer 1

1. 使用 nodemon
   首先需要在开发环境中安装nodemon依赖npm install --save-dev nodemon
   在项目的package.json文件中的scripts对象下添加开启nodemon的操作

   // package.json
   
   "scripts": {
   "serve": "vue-cli-service serve",
   "build": "vue-cli-service build",
   "lint": "vue-cli-service lint",
   "dev": "vue-cli-service serve",
   "start": "nodemon"
    },

   在项目根目录下创建nodemon.json文件

   // nodemon.json
   
   {
     "ignore": ["node_modules", "dist"],
     "exec": "vue-cli-service serve",
     "watch": ["proxy.js"]
   }

   其中，ignore是指不进行监听的文件；exec是监听到文件变化后执行的代码；watch是监听的文件名

在运行项目时，需要顺便运行nodemon，即npm run start,之后在更改proxy,js文件时就会自动跑一遍npm run serve重启服务器。

2. 使用 watchFiles

   https://www.webpackjs.com/configuration/dev-server#devserverw...
   watchFiles可以设置监听文件，如果文件发送改变就自动重启服务器
   devServer: { watchFiles: ['src/**/*.php', 'public/**/*'], },

Answer 2

用nodemon起跑你的dev命令即可，监听vueconfig变化后，自动重新跑你的dev命令