首页 > 其他分享 >vite项目生产环境去掉console信息【转载】

vite项目生产环境去掉console信息【转载】

时间:2023-01-16 10:13:49浏览次数:58  
标签:console debugger drop command 去掉 vite

环境变量引入

通常去掉console为生产环境,即需要引入环境变量。具体请看这篇文章: vite项目初始化之~环境变量

注意

与webpacak相比,vite已经将这个功能内置到了,所以我们只需要配置vite.config.js文件即可,起作用的文件包括drop_console去掉console信息drop_debugger为去掉debugger信息

修改vite.config.js文件

import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig(({ mode, command }) => ({
build: {
minify: "terser",
terserOptions: {
compress: {
drop_console: command === "build" && loadEnv(mode, __dirname).VITE_API_ENV === "prod",
drop_debugger: command === "build" && loadEnv(mode, __dirname).VITE_API_ENV === "prod"
}
}
},
plugins: [vue()]
}))


作者:「、皓子~
链接:https://juejin.cn/post/7044876656049127437
来源:稀土掘金

标签:console,debugger,drop,command,去掉,vite
From: https://www.cnblogs.com/Nicander/p/17054747.html

相关文章

  • 在GCP上创建Cloud SQL的三种方式(Console,gcloud,Terraform)
    1简介CloudSQL是GCP上的关系型数据库,常用的有三种方式来创建:(1)界面操作(2)命令行gcloud(3)Terraform在开始之前,可以查看:《初始化一个GCP项目并用gcloud访问操......
  • Vue+Vite 配置自动导入组件、函数、Icons、样式
    你需要安装一下依赖:unplugin-iconsunplugin-auto-import@iconify-json/epunplugin-auto-importunplugin-vue-components@element-plus/icons-vue以下安装到devDe......
  • 去掉word中的波浪线
    在WORD窗口中,最下面的状态栏上,中间位置,有一本翻开的书本的图标,右键点击它,将“隐藏拼写错误”前的勾去掉即可,红色波浪线就不显示了。去掉“隐藏语法错误”前的勾,就能不显示绿......
  • 在GCP上创建GCE的三种方式(Console,gcloud,Terraform)
    1简介如果要选择GCP为云平台,则经常需要创建GCE(GoogleComputeEngine),有以下几种方式:(1)在浏览器创建(2)命令gcloud(3)Terraform在开始之前,可以查看:《初始化一......
  • vite2.9 + vue3.2 打包部署到nginx上刷新页面404问题
    vite2.9+vue3.2打包部署到nginx上刷新页面404问题在本地运行没问题,部署到服务器上,能正常访问,但是刷新之后页面404原有的Nginx配置为:server{listen......
  • nginx+vite 项目打包及部署
    项目打包及部署到服务器二级路由例如:我希望将打包的项目部署到http://localhost:8088/web/上一.项目配置及打包项目部署到服务器二级路由需要配置基础路径base,即需要......
  • idea 去掉usage
    背景  不知道是什么东西,但就这个破问题,解决了好久,感谢博主:(95条消息)IDEA关闭/开启引用提示Usages_Logicr的博客-CSDN博客 ......
  • java性能分析小工具--jconsole
     如果电脑装了java版本1.5以上,都会自带这个性能分析小工具。windows下输入命令行:jconsole 即可调出这个工具 可以对线程、内存、类、CPU等做一些简单分析  ......
  • Vue3+vite+Echarts案例大屏可视化--千峰(推荐)
    https://www.bilibili.com/video/BV14u411D7qK?p=33&spm_id_from=pageDriver&vd_source=e2cfe74d93fb5b3f60bd7487ede60218主题展示  Vue3.2中<template><!--......
  • vite的项目,使用 rollup 打包的方法
    vite的项目,使用rollup打包的方法官网资料构建生产版本——库模式https://cn.vitejs.dev/guide/build.html#library-mode详细设置https://cn.vitejs.dev/config/#build......