Home

Since our project grew up dev build process (nuxt) became super-slow. We are waiting like 30s-1m for hot reload, no matter if we change one of the components template or just scss (we keep scss separately and include it through nuxt.config.js “css” options).

I want to investigate where webpack/nuxt spends so much time when rebuilding app. My question is how to output in console (or file?) what is webpack/nuxt actually doing when I change something in app source code. I tried following in nuxt.config.js (found in webpack docs):

extend (config, ctx) {
  config.plugins.push(new webpack.LoaderOptionsPlugin({
    debug: true
  }))
  config.stats = 'verbose'
}

But it does not output any extra info - are those config options overwritten by nuxt?
Are there any other options of debugging what is webpack actually doing?

Using nuxt@1.0.0-rc11