Vite4.4 +Vue3打包生产环境去除项目中的console.log

最新推荐文章于 2024-11-15 10:36:40 发布
最新推荐文章于 2024-11-15 10:36:40 发布
阅读量244 收藏
点赞数 4
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37962440/article/details/142137235
版权

打开vite.config.js

export default defineConfig({
	....
    esbuild:{
        pure:['console.log']
    }
})

然后在npm run build 打包

最好在npm run preview 预览一下确定是否生效

济宁、皮皮
关注
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十七：演示功能模块相关功能实现
Java、前端、小程序学习笔记、问题汇总、项目实例分享，有需要请联系。
12-25 903
本章实现常见业务功能，包括文章管理、商品管理、订单管理、会员管理等功能
vue3 vite打包发布生产去掉控制台日志console.log
zhw_1219的博客
09-10 420
过滤 console.log 打包发布生产去掉控制台日志console.log
vue3项目打包后关闭console.log
weixin_51958960的博客
08-13 1468
1、安装 rollup-plugin-terser。2、打开 vite.config.ts 文件。
Vue3+Vite打包，隐藏、去除console（不安装terser）
qq_39892965的博客
03-14 4107
这都2024年了，vite已经默认使用esbuild，而esbuild是明显快于terser的，我们不能为了这一个点，又回到80年代吧。官方都默认使用了esbuild，所以我们不能为了隐藏console，舍弃打包速度（龟速打包，想必各位开发同学都被折磨过，当然不能忍。使用Vue3+Vite构建生产包时，发现部署的生产包中，仍然有console代码，导致控制台输出了调试内容，生产环境中当然很不友好。强迫症驱使，不使用网上现（cou）成（he）的做法，就得付出代价——自己花时间摸索。
VUE 构建清除注释、依赖包版本号
SillyBoy的博客
11-10 3032
问题 vue项目构建生成的js文件包含一些注释，里面含使用的依赖包及版本信息，可能会对网站造成危害，那么如何清除掉这些注释呢？ 解决方法 首先查看项目里webpack的版本号 npm list webpack 根据webpack版本号更新 “html-webpack-plugin”版本到4或者5， Webpack 5 npm i --save-dev html-webpack-plugin Webpack 4 npm i --save-dev html-webpack-plugin@4
配置vite项目打包控制台不显示console.log配置
12-28 2071
主要是配置：但是terser需要vite3.0以后手动安装一下。
【前端工程化】经验总结01- vite项目打包buid之后会自动把所有的console.log过滤掉，生产环境打印日志log的方法，封装WebLogger打印日志
qq_17335549的博客
09-07 3498
【前端工程化】经验总结01- vite项目打包buid之后会自动把所有的console.log过滤掉，生产环境打印日志log的方法，封装WebLogger打印日志
基于Vue3+Vite+TS+AntDv+ Pinia从零搭建一个项目
wangshuo0520ai的博客
07-12 2511
基于Vue3+Vite+TS+AntDv+ Pinia从零搭建一个项目
Vite 4.4实验性地支持Lightning CSS,Lightning CSS更快的CSS处理利器
linwu的博客
07-07 535
Lightning CSS简单理解就是Rust版本的PostCSS,然后 Lightning CSS内置了一些功能，比如 CSS压缩，语法降级，语法支持前缀，CSS模块化功能。
vue-cil4 打包优化(详细到脚指)
icon_Lx的博客
10-07 636
首先项目开始时webpack配置 vue-cli3以后，我们修改webpack配置，需要自己在项目的目录根路径下创建vue.config.js文件。 1、配置 proxy 跨域 使用vue-cli开发项目，本地开发环境中，如果遇到跨域的问题。可以通过配置proxy的方式，解决跨域的问题： 配置完成后，当我们在去请求https://www.test.com/v1/api/userinfo接口时，就可以这么写： 2、配置alias别名 使用vue-cli开发项目，最大特色...
Vue3 知识点总结
weixin_40011280的博客
03-21 1699
当数据更改时，将重新编译成虚拟DOM树，然后对前后两棵树进行比对（diff算法），仅将差异部分反映到真实DOM，这样既可最小程度的改动真实DOM，提升页面效率。知识点：Axios、Vuex、Stylus、插件、Vue Router、异步组件、递归组件、公用组件；{{content}} : 获取 vue里面data 里面的数据值，属双向绑定。实战项目：环境搭建、Git、数据模拟、本地开发；$就是个命名，帮你区分vue应用自身的属性，而不是你自己定义的属性。将生成的真实DOM树，放置到某个元素位置，称之为。
Vite 如何过滤 console.log
前端菜菜DayDayUp的博客
10-31 2324
Vite 如何过滤 console.log
开发环境正常，Vite打包生产环境报错
CSDN_Sviexu的博客
11-03 1183
vite打包错误
Vite构建前端项目，在生产环境隐藏console和debugger
valsedefleurs的博客
06-26 756
本文主要探讨在前端项目构建过程中，在生产环境隐藏console和debugger，需要在vite配置文件修改的内容
Vite + vue3配置打包后移除console及debugger
ding139725的博客
04-15 2458
vite已经配置好了，废话少说 直接上代码 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], build: { minify: 'terser', terserOptions: { compress: {
深入解析Javascript中的this指向
m0_62652709的博客
11-13 866
this是什么？它的值是如何决定的？为什么在 Vue2 开发中会给this单独定义一个变量？this是动态绑定的，指向取决于调用的上下文。在 Vue2 中，常见的this丢失场景包括回调函数和普通函数。解决方案：使用保存引用。使用箭头函数（推荐）。
Vue常用加密方式
m0_51431448的博客
11-13 172
消息摘要是从原始数据中通过特定算法计算出的一个固定长度的字符串，这个过程通常被称为哈希函数或散列函数。固定长度：无论输入的数据有多大，输出的消息摘要都有固定的长度。唯一性：理想情况下，不同的输入应该产生不同的消息摘要，虽然在现实中由于哈希碰撞的存在，这并不总是可能的。不可逆性：从消息摘要不能反推出原始数据。高效性：计算消息摘要的过程应该是快速且高效的。
vue+svg圆形进度条组件
最新发布
MoYu的博客
11-15 341
vue+svg圆形进度条组件
vite项目打包清除console.log
09-03
当你创建一个新的Vite项目并运行`vite build`命令进行生产环境打包时，`console.log`会被自动移除以减少生成的生产包体积。 如果你想手动清除`console.log`，可以在构建配置文件`vite.config.js`中设置terser插件的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值