vite打包去除console.log和debugge的方法实践

更新时间：2023年12月25日 16:19:45 作者：糊不住

本文主要介绍了vite打包去除console.log和debugge的方法实践,vite 已经将这个功能内置了,所以我们只需要修改配置文件,下面就来介绍一下如何修改

第一步：由于vite是没有集成terser插件的需要先安装

// 安装
npm install terser --save-dev

第二步：在vite.config.js中编写

// 安装
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue'
export default defineConfig({
   plugins: [vue()],
   build:{
      minify:"terser",
      terserOptions:{
        compress:{
          drop_console:true,
          drop_debugger:true
        }
      }
    }
});

第三步：打包验证一下

npm run build

到此这篇关于vite打包去除console.log和debugge的方法实践的文章就介绍到这了,更多相关vite打包去除console.log和debugge内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Vite打包时去除console的方法实现

vue3 组合式API defineEmits() 与 emits 组
在Vue中,defineEmits()是Vue3组合式API中用于声明自定义事件的,而emits选项则用于Vue2和Vue3的选项式API中,defineEmits()允许使用字符串数组或对象形式声明事件,emits选项也支持这两种形式,且验证函数可以验证事件参数,这两种方法都是为了更规范地在组件间通信
2024-09-09
vue.js默认路由不加载linkActiveClass问题的解决方法
这篇文章主要给大家介绍了关于vue.js默认路由不加载linkActiveClass问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
2017-12-12
Nginx配置Vue项目,无法按路径跳转及刷新404的解决方案
这篇文章主要介绍了Nginx配置Vue项目,无法按路径跳转及刷新404的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-06-06
Vue 组件注册全解析
这篇文章主要介绍了Vue 组件注册全解析的相关资料，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下
2020-12-12
Vue3项目的3种创建方式代码示例
使用VUE3开发很久了,但一直没进行总结和记录,忙里偷闲整理搭建一套VUE3项目,正好记录一下,这篇文章主要给大家介绍了关于Vue3项目的3种创建方式,需要的朋友可以参考下
2024-03-03
Vue CLI3基础学习之pages构建多页应用
这篇文章主要给大家介绍了关于Vue CLI3基础学习之pages构建多页应用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Vue CLI3具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-06-06
el-checkbox-group 的v-model无法绑定对象数组的问题解决
elementUI官方文档中el-checkbox-group组件绑定的都为一维数组，本文主要介绍了解决el-checkbox-group 的v-model无法绑定对象数组，感兴趣的可以了解一下
2023-05-05
vue实现lodop打印功能的示例
这篇文章主要介绍了vue实现lodop打印功能的示例，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下
2020-11-11
vue2.0 路由不显示router-view的解决方法
下面小编就为大家分享一篇vue2.0 路由不显示router-view的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-03-03
Vue3状态管理之Pinia的入门使用教程
Pinia是Vue.js的轻量级状态管理库,比起vue3中的Vuex状态管理,pinia更轻量,更容易使用,下面这篇文章主要给大家介绍了关于Vue3状态管理之Pinia的入门使用教程,需要的朋友可以参考下
2022-04-04