185
GitHub - nuxt/webpackbar: Elegant ProgressBar and Profiler for Webpack 4 (Experi...
source link: https://github.com/nuxt/webpackbar
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
✔ Display elegant progress bar while building or watch
✔ Support of multiply concurrent builds (useful for SSR)
✔ Pretty print filename and loaders
✔ Windows compatible
✔ Customizable
✔ Advanced build profiler
Getting Started
To begin, you'll need to install webpackbar
:
Using npm:
npm install webpackbar
Using yarn:
yarn add webpackbar
Then add the reporter as a plugin to your webpack config.
webpack.config.js
const webpack = require('webpack'); const WebpackBar = require('webpackbar'); module.exports = { context: path.resolve(__dirname), devtool: 'source-map', entry: './entry.js', output: { filename: './output.js', path: path.resolve(__dirname) }, plugins: [ new WebpackBar() ] };
Options
name
- Default:
webpack
Display name
color
- Default:
green
Display color
profile
- Default:
false
Enable profiler
Maintainers
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK