首先,你需要安装compression-webpack-plugin插件。这个插件用于在Webpack构建过程中生成gzip压缩文件。 bash npm install compression-webpack-plugin@6.1.1 --save-dev 3. 修改webpack配置文件以启用gzip压缩 在Vue 2项目中,通常通过vue.config.js文件来修改Webpack的配置。如果你的项目根目录下没有这个文件,你需要...
const pathNode = require("path"); const CompressionWebpackPlugin = require("compression-webpack-plugin"); const TerserPlugin = require("terser-webpack-plugin"); const TEST_BASE_URL = process.env.VUE_APP_BASE_URL; // vue.config.js module.exports = { transpileDependencies: ["vuex-module-de...
const VueLoaderPlugin = require("vue-loader/lib/plugin"); // gzip压缩 //打包的时候开启gzip可以很大程度减少包的大小,非常适合于上线部署。更小的体积对于用户体验来说就意味着更快的加载速度以及更好的用户体验。 const CompressionWebpackPlugin = require("compression-webpack-plugin"); module.exports = ...
(), /** gzip压缩 **/ CompressionWebpackPlugin({ algorithm: 'gzip', threshold: 10240 //只有大小大于该值的资源会被处理。默认值是 10k }), /** 配置浏览器兼容 **/ legacy({ targets: ['ie >= 9'], additionalLegacyPolyfills: ['regenerator-runtime/runtime'] }) ], build: { chunkSize...
属性值修改后,这个时候可以执行 npm run build。但是会报错,提示找不到“Cannot find module 'compression-webpack-plugin“ 2、也就是说需要安装依赖 compression-webpack-plugin 官方推荐的命令是:(但是网不好的话就凉凉了) npm install --save-dev compression-webpack-plugin//在没有给定版本号时该命令默认安...
npm install --save-dev compression-webpack-plugin ``` 2.在Vue项目的webpack配置文件中,导入依赖: ``` const CompressionPlugin = require('compression-webpack-plugin'); ``` 3.将下面的代码添加到Webpack配置的plugins数组中: ``` plugins: [ new CompressionPlugin({ algorithm: 'gzip', test: /\....
一、使用webpack压缩打包 安装压缩插件 npm install --save-dev compression-webpack-plugin 1. 修改vue.config.js配置 const CompressionWebpackPlugin = require("compression-webpack-plugin"); const productionGzipExtensions = ["js", "css"]; 1. ...
npm install compression-webpack-plugin --save-dev 如果打包时候出现Cannot read property 'tapPromise' of undefined 这个报错,是compression-webpack-plugin版本问题,通过降低版本就可以解决此类问题。 在vue.congig.js中引入并修改webpack配置,如下: const CompressionWebpackPlugin = require('compression-webpack-plu...
可以给webpack安装压缩插件,将超大文件压缩为gzip格式,如下: 安装组件 npm install compression-webpack-plugin -S vue.config.js配置如下 module.exports = { configureWebpack:config=>{ // GZip压缩 const CompressionPlugin = require('compression-webpack-plugin'); ...
const compress = new CompressionWebpackPlugin( { filename: info => { return `${info.path}.gz${info.query}` }, algorithm: 'gzip', threshold: 10240, test: /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i, minRatio: 0.8,