High CPU load

Version

4.5.11

Environment info

Environment Info:

  System:
    OS: macOS High Sierra 10.13.6
    CPU: (8) x64 Intel(R) Core(TM) i7-2675QM CPU @ 2.20GHz
  Binaries:
    Node: 14.15.5 - /usr/local/bin/node
    Yarn: Not Found
    npm: 7.6.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 88.0.4324.192
    Edge: Not Found
    Firefox: 80.0
    Safari: 12.0
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0 
    @vue/babel-plugin-transform-vue-jsx:  1.1.2 
    @vue/babel-preset-app:  4.2.3 
    @vue/babel-preset-jsx:  1.1.2 
    @vue/babel-sugar-functional-vue:  1.1.2 
    @vue/babel-sugar-inject-h:  1.1.2 
    @vue/babel-sugar-v-model:  1.1.2 
    @vue/babel-sugar-v-on:  1.1.2 
    @vue/cli-overlay:  4.2.3 
    @vue/cli-plugin-babel: ~4.2.0 => 4.2.3 
    @vue/cli-plugin-router:  4.2.3 
    @vue/cli-plugin-vuex:  4.2.3 
    @vue/cli-service: ~4.2.0 => 4.2.3 
    @vue/cli-shared-utils:  4.2.3 
    @vue/component-compiler-utils:  3.1.1 
    @vue/preload-webpack-plugin:  1.1.1 
    @vue/web-component-wrapper:  1.2.0 
    bootstrap-vue: ^2.10.1 => 2.10.1 
    eslint-plugin-vue: ^6.1.2 => 6.2.2 
    portal-vue:  2.1.7 
    vue: ^2.6.11 => 2.6.11 
    vue-analytics: ^5.22.1 => 5.22.1 
    vue-eslint-parser:  7.0.0 
    vue-functional-data-merge:  3.1.0 
    vue-hot-reload-api:  2.3.4 
    vue-hotjar: ^1.2.0 => 1.2.0 
    vue-loader:  15.9.1 
    vue-meta: ^2.4.0 => 2.4.0 
    vue-style-loader:  4.1.2 
    vue-template-compiler: ^2.6.11 => 2.6.11 
    vue-template-es2015-compiler:  1.9.1 
  npmGlobalPackages:
    @vue/cli: 4.5.11

Steps to reproduce

npm run serve - nothing more. Just having Vue turned on for local dev it makes CPU go high.

What is expected?

Low CPU load, especially when nothing is happening.

What is actually happening?

High CPU load (around 110% all the time - visually the red part is around 20%)

[yuta-san]

May I ask the location and name of the file where you added this?

vue.config.js. https://cli.vuejs.org/config/#global-cli-config

watchOptions is the webpack option described here. https://webpack.js.org/configuration/watch/

[huuthinh01]

I figured out Just added pool option in dev servers to false

devServer: {
    port: 3232,
    watchOptions: {
      poll: false
    }
  },