vue3使用compression-webpack-plugin

作者: KC莲 | 来源:发表于2021-04-14 10:21 被阅读0次

vue3使用compression-webpack-plugin
《踩坑》Cannot read property 'tapPro
vue3对比vue2使用keep-alive router-vi
provide inject在vue2和vue3中的使用
docker 搭建 vue3 + vite
vue3特性之一 : 组合api
vue3拖拽demo
vue2与vue3的区别
组合式API介绍
Vue3中使用Pinia

安装依赖

npm install compression-webpack-plugin@6.1.1

webpack配置

const CompressionPlugin = require("compression-webpack-plugin")

chainWebpack: (config)=>{
    if (process.env.NODE_ENV === 'production') {
      config.plugin('compressionPlugin')
        .use(new CompressionPlugin({
          test:/\.js$|\.html$|\.css/, // 匹配文件名
          threshold: 10240, // 对超过10k的数据压缩
          deleteOriginalAssets: false // 不删除源文件
        }))
    }
  }

vue3使用compression-webpack-plugin
安装依赖 webpack配置
《踩坑》Cannot read property 'tapPro
vue 使用webpack插件打包时候报错 compression-webpack-plugin 目前最新版是 7...
vue3对比vue2使用keep-alive router-vi
vue 2 使用 vue3 使用 vue3 keep-alive 文档地址： https://v3.cn.vuej...
provide inject在vue2和vue3中的使用
vue2父组件 vue2子组件 vue3父组件 vue3子组件 vue3官方详细使用provide inject地...
docker 搭建 vue3 + vite
vue3发布了,今天就分享一下我使用docker 搭建 vue3 + vite 开发环境。至于为什么使用docke...
vue3特性之一 : 组合api
setup() 函数是 vue3 中，专门为组件提供的新属性。它为我们使用 vue3 的 Composition ...
vue3拖拽demo
vue3使用vue-draggable会有如下bug vue3要安装vue-draggable-next 代码 v...
vue2与vue3的区别
最近接触并了解了vue3，发现vue2的语法vue3能够继续使用，并没有任何影响，但是vue3还是和vue2...
组合式API介绍
?最近重新夯实Vue3，梳理的相关知识点和细节本文关于Vue3中的组合API的介绍和基本使用我们知道Vue3引...
Vue3中使用Pinia
Vue2 中使用Vuex进行状态管理，在Vue3中，引入了Pinia，如果使用Vue3的脚手架搭建项目，其中包含了...