npmpackage.info

Gathering detailed insights and metrics for vue-cli-plugin-webpack-bundle-analyzer

Other packages similar to vue-cli-plugin-webpack-bundle-analyzer

vue-cli-plugin-better-webpack-bundle-analyzer

0.1.2

Vue CLI 3.0 plugin with Better Webpack Bundle Analyzer

vue-cli-plugin-bundleanalyzer

1.0.0

add analyze command for webpack bundle analyzer output

Gathering detailed insights and metrics for vue-cli-plugin-webpack-bundle-analyzer

vue-cli-plugin-webpack-bundle-analyzer

📊 vue-cli plugin to visualize size of webpack output files

4.0.0

JavaScript

3.58 kB

4,457,255 1.4

Installations

npm install vue-cli-plugin-webpack-bundle-analyzer

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Score

83.8

Supply Chain

77.2

Quality

75.6

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

2

Total

7

Closed

1

Merged

4

Issues

Open

0

Total

10

Closed

10

Releases

v4.0.0

Updated on Dec 12, 2020

v2.0.0

Updated on Nov 19, 2019

v1.2.0

Updated on Sep 09, 2018

v1.1.1

Updated on May 25, 2018

v1.1.0

Updated on May 24, 2018

v1.0.1

Updated on May 24, 2018

View All 7 releases

Contributors

Unable to fetch Contributors

View All 2 Contributors

Languages

JavaScript

JavaScript (100%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

mrbbot

Download Statistics

Total Downloads

4,457,255

Last Day

191

Last Week

10,793

Last Month

41,989

Last Year

493,201

GitHub Statistics

89 Stars

25 Commits

6 Forks

2 Watchers

3 Branches

2 Contributors

Updated on Jan 24, 2025

Maintainers

Package Meta Information

Latest Version

4.0.0

Package Id

vue-cli-plugin-webpack-bundle-analyzer@4.0.0

Unpacked Size

3.58 kB

Size

1.65 kB

File Count

Total Downloads

Cumulative downloads

Total Downloads

4,457,255

Last Day

-18.4%

191

Compared to previous day

Last Week

5.4%

10,793

Compared to previous week

Last Month

27.3%

41,989

Compared to previous month

Last Year

-29.8%

493,201

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

webpack-bundle-analyzer

vue-cli-plugin-webpack-bundle-analyzer

vue-cli plugin to visualize size of webpack output files

Uses webpack-bundle-analyzer to create an interactive treemap visualization of the contents of all your bundles.

webpack bundle analyzer zoomable treemap

Configuration

Add a webpackBundleAnalyzer object to your pluginOptions in vue.config.js:

1module.exports = {
2  pluginOptions: {
3    webpackBundleAnalyzer: {
4      openAnalyzer: false
5    }
6  }
7};

You can use any of these settings.

Production

When building your Vue project for production, the analyzerMode will be set to static. By default, the generated web page will be opened in your browser. This can be changed by setting openAnalyzer to false as shown above.

Modern Mode

When using the --modern flag to build your app, this plugin will create 2 different reports: one for your legacy build and one for your modern build. Your report filename will be prefixed with legacy- and modern- respectively.

Known Caveats

In development, you'll only be able to use the stat size due to webpack-bundle-analyzer requiring physical files to calculate parsed and gzipped sizes.

Installing in an Already Created Project

1vue add webpack-bundle-analyzer

Injected webpack-chain Rule

The following rule is automatically added to your Vue config behind the scenes. All you need to do to activate this plugin is run the above command in your project's directory.

1config
2  .plugin("webpack-bundle-analyzer")
3  .use(BundleAnalyzerPlugin)
4  .init(Plugin => new Plugin(options));
5

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.4

/10

Last Scanned on 2025-02-10

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More