Welcome to log-filesize-webpack-plugin 👋

log assets size pretty after webpack build(wirte by typescript)

🏠 Homepage

✨ Example

https://github.com/jsany/log-filesize-example/blob/main/webpack.config.js#L168

Prerequisites

• node >=10
• webpack >=4

Install

yarn add -D @jsany/log-filesize-webpack-plugin
# or npm install --save-dev @jsany/log-filesize-webpack-plugin

Setup

In webpack.config.js:

const LogFilesizeWebpackPlugin = require('@jsany/log-filesize-webpack-plugin');

module.exports = {
  stats: 'none', // to close webpack print
  // ...
  plugins: [
    new LogFilesizeWebpackPlugin()
    // or
    // new LogFilesizeWebpackPlugin({gzip: true,...OtherOptions})
  ]
  // ...
};

Then run build, it will look like this:

Options

Feature

• [x] Support javascript and switch log it
• [x] Support css and switch log it
• [x] Support image and switch log it
• [x] Support json and switch log it
• [x] Support font and switch log it
• [x] Support txt and switch log it
• [x] Support html and switch log it
• [x] Support custom assets log priority

Todo

• [ ] Support custom file color
• [ ] ...

Support files with these extensions: ext look detail

Author

👤 jiangzhiguo2010

• Website: https://github.com/Mr-jiangzhiguo/book
• Github: @jsany

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2020 jiangzhiguo2010.
This project is MIT licensed.

This README was generated with ❤️ by readme-md-generator