npmpackage.info

Gathering detailed insights and metrics for vue-cli-plugin-compression

vue-cli-plugin-compression - 2.0.0 | npmpackage.info

vue-cli-plugin-compression

Prepare compressed versions of assets to serve them with Content-Encoding

2.0.0

JavaScript

46.51 kB

2.6

Installations

npm install vue-cli-plugin-compression

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.22.12

NPM Version

6.14.16 Score

58.9

Supply Chain

60.5

Quality

74.5

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

0

Total

33

Closed

5

Merged

28

Issues

Open

0

Total

6

Closed

6

Releases

v2.0.0

2.0.0

Updated on Aug 30, 2022

v1.2.0

1.2.0

Updated on Mar 17, 2022

v1.1.5

1.1.5

Updated on Sep 03, 2021

v1.1.4

1.1.4

Updated on Aug 05, 2021

v2.0.0-rc.0

2.0.0-rc.0

Updated on Jul 12, 2021

v1.1.3

1.1.3

Updated on Apr 14, 2021

View All 13 releases

Languages

JavaScript

JavaScript (100%)

Developer

AnWeber

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

17 Stars

48 Commits

2 Forks

2 Watchers

2 Branches

2 Contributors

Updated on Apr 19, 2025

Bundle Size

166.89 kB

Minified

46.51 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 2 Contributors

Package Meta Information

Latest Version

2.0.0

Package Id

vue-cli-plugin-compression@2.0.0

Unpacked Size

3.63 kB

Size

1.42 kB

File Count

NPM Version

6.14.16

Node Version

12.22.12

Total Downloads

Cumulative downloads

Total Downloads

NaN

vue-cli-plugin-compression

compression plugin for vue-cli

Configuration

Uses compression-webpack-plugin

By default, a brotli and gzip compression plugin are configured, which automatically compress js, css, html, svg and json files.

Installing in an Already Created Project

1vue add compression

Configrations

vue-cli-plugin-compression default configuration in vue.config.js:

1const zlib = require("zlib");
2module.exports = {
3  pluginOptions: {
4    compression:{
5      brotli: {
6        filename: '[file].br[query]',
7        algorithm: 'brotliCompress',
8        include: /\.(js|css|html|svg|json)(\?.*)?$/i,
9        compressionOptions: {
10          params: {
11            [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
12          },
13        },
14        minRatio: 0.8,
15      },
16      gzip: {
17        filename: '[file].gz[query]',
18        algorithm: 'gzip',
19        include: /\.(js|css|html|svg|json)(\?.*)?$/i,
20        minRatio: 0.8,
21      }
22    }
23  }
24}

It is possible to extend with own compression options, e.g.

1const zopfli = require('@gfx/zopfli');
2module.exports = {
3  pluginOptions: {
4    compression:{
5      zopfli: {
6        compressionOptions: {
7          numiterations: 15,
8        },
9        algorithm(input, compressionOptions, callback) {
10          return zopfli.gzip(input, compressionOptions, callback);
11        },
12      }
13    }
14  }
15}

Compression Webpack plugin is enabled only in production mode by default. However, this can be overridden by specifying the option modes

1module.exports = {
2  pluginOptions: {
3    compression:{
4      modes: ['development', 'production'],
5     ...
6    }
7  }
8}

Injected webpack-chain Rules

config.plugins('brotli-compression')
config.plugins('gzip-compression')

No vulnerabilities found.

10

Binary-Artifacts

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

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

3

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

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

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

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

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.6

/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

vue-cli-plugin-compression

Installations

Developer Guide

No

CommonJS

12.22.12

6.14.16

Score

Pull Requests

0

33

5

28

Issues

0

6

6

Releases

Languages

Developer

AnWeber

Download Statistics

GitHub Statistics

Bundle Size

166.89 kB

46.51 kB

Maintainers

Package Meta Information

Total Downloads

NaN

Dependencies

Peer Dependencies

Dev Dependencies

vue-cli-plugin-compression

Configuration

Installing in an Already Created Project

Configrations

Injected webpack-chain Rules

10

10

3

0

0

0

0

0

0

0

0

0

2.6

/10

Weekly Downloads

Monthly Downloads

Yearly Downloads