vue项目监听文件变化自动重启webpack服务器

问题：因为每次更换开发环境时，都需要手动重启一次服务器。以下的方法可以实现自动化重启。

一、安装nodemon插件

nodemon插件，这里有一篇详细的入门介绍。
这里只有我的配置进行记录。

1. 首先我们需要在开发环境中安装nodemon依赖 npm install --save-dev nodemon
2. 在项目的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"
 },

3. 在项目根目录下创建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重启服务器。

二、Webpack Dev Server 4.0.0版本中的watchFiles

watchFiles可以设置监听文件，如果文件发送改变就自动重启服务器
devServer: { watchFiles: ['src/**/*.php', 'public/**/*'], },