How to make Vue-Cli 3 ignore file changes in public folder

Question

I need to put a lot of js files in the public/js folder.This causes the CPU to reach 100%.

File path:

src
public
    - js 
        - 1.js
        - 2.js
        - ...
node_modules

These js files will not be updated. How to make Vue-Cli not observe these files?

I tried this configuration in vue.config.js but it doesn't work.

const path = require('path');
module.exports = {
  configureWebpack: {
    devServer: {
      watchOptions: {
        ignored: ['node_modules', 'public'],
      }
    }
  }
}

Answer 1

I think the documentation may be wrong on how to do the ignore. Try it this way using regex instead. /public/

module.exports = {
  configureWebpack: {
    devServer: {
      watchOptions: {
        ignored: [/node_modules/, /public/],
      }
    }
  }
}

Also, you probably already know, but be sure to stop and then restart npm run watch or the new config options won't take affect.