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 - 4.0.0 | npmpackage.info

vue-cli-plugin-webpack-bundle-analyzer

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

4.0.0

JavaScript

3.58 kB

1.4

Installations

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

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Score

85.9

Supply Chain

77.2

Quality

75.6

Maintenance

100

Vulnerability

99.6

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

Languages

JavaScript

JavaScript (100%)

Developer

mrbbot

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

89 Stars

25 Commits

6 Forks

2 Watchers

3 Branches

2 Contributors

Updated on Jan 24, 2025

Maintainers

View All 2 Contributors

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

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

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

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

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-06-30

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