@nuxtjs/webpack-profile

Nuxt module to display webpack build progress steps with core ProgressPlugin

Usage no npm install needed!

<script type="module">
  import nuxtjsWebpackProfile from 'https://cdn.skypack.dev/@nuxtjs/webpack-profile';
</script>

README

Webpack profile module for Nuxt.js

npm (scoped with tag) npm CircleCI Codecov Dependencies js-standard-style

Nuxt module to display webpack build progress steps with core ProgressPlugin

📖 Release Notes

Setup

  • Add @nuxtjs/webpack-profile dependency using yarn or npm to your project
  • Add @nuxtjs/webpack-profile to modules section of nuxt.config.js
{
  modules: [
    '@nuxtjs/webpack-profile',
 ]
}

Usage

You can use yarn nuxt build --profile to disable fancy progress bar and inspect build stats and timings.

Example output

15034ms building modules
55ms sealing
1ms optimizing
0ms basic module optimization
0ms module optimization
10ms advanced module optimization
20ms basic chunk optimization
0ms chunk optimization
1ms advanced chunk optimization
1856ms building modules
0ms module and chunk tree optimization
0ms chunk modules optimization
0ms advanced chunk modules optimization
0ms module reviving
49ms module order optimization
2ms module id optimization
0ms chunk reviving
4ms chunk order optimization
19ms chunk id optimization
44ms hashing
1ms module assets processing
78ms chunk assets processing
3ms additional chunk assets processing
3ms recording
2395ms additional asset processing
3526ms chunk asset optimization
407ms asset optimization
94ms emitting
Hash: 536cd574c2466b29c1d5
Version: webpack 3.8.1
Time: 34621ms

License

MIT License

Copyright (c) Nuxt Community