解决macOS上使用node10开发vue导致cpu利用率一直100%的方法(转)

解决macOS上使用node10开发vue导致cpu利用率一直100%的方法

网上查了很多资料, 基本都是在讲是webpack调用 fsevents 出错，然后频繁查找node_modules目录所致。本地install了还是不停的100%，所以我们可以利用webpack的配置，忽略其扫描node_modules目录

vue cli3下，在vue.config.js的devServer中增加如下配置：

 watchOptions: {
    ignored: ['node_modules'],
    aggregateTimeout: 300,
    poll: 1500
},

如下所示：

devServer: {
     watchOptions: {
        ignored: ['node_modules']
    },
    port: 16060,
    disableHostCheck: true,
    proxy: {
        '/api': {
            target: process.env.VUE_APP_SERVER_URL,
            changeOrigin: true,
            secure: false,
            pathRewrite: {
              '^/api': '/api'
        }
      }
    }
}

NuxtJS项目，在nuxt.config.js中增加如下配置

watcher: {
    webpack: {
        ignored: /node_modules/
    }
},

整个世界都清静了

 =====

针对我的项目，是使用了

webpack-dev-middleware

需要加到

var devMiddleware = require('webpack-dev-middleware')(compiler, {
  publicPath: webpackConfig.output.publicPath,
  quiet: true,
  watch: false,
  watchOptions: {
    aggregateTimeout: 300,
    poll: false,
    ignored: /node_modules/
  } ,
})

　　

再次查看

ps aux | grep node | grep -v grep | awk '{print $2}' | xargs sudo dtruss -p

不再扫码node_modules目录了