首页 > 其他分享 >vite 构建移除 console

vite 构建移除 console

时间:2022-08-28 21:33:25浏览次数:55  
标签:console debugger 构建 移除 vite defineConfig

vite 3.x 已经将 esbuild 作为默认构建选项,你可以通过如下配置在构建时移除代码中的 console.logdebugger

// vite.config.ts
import { defineConfig } from 'vite'

export default defineConfig({
    esbuild: {
      drop: ['console', 'debugger'],
    },
});

如果你仍然使用 terser 作为构建工具,可以通过如下配置实现此目的。

// vite.config.ts
import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    minify: 'terser',
    terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true,
      },
    },
  },
})

标签:console,debugger,构建,移除,vite,defineConfig
From: https://www.cnblogs.com/guangzan/p/16633753.html

相关文章

  • Vite配置如何优雅的code spliiting代码分割
    Vite如何配置分割代码什么是代码分割/codespliiting前端生态rollup和webpack都有的概念。如果把所有代码都打包到一起,可能最终的代码非常大。从而影响加载时间。而......
  • Vue3+vite+js 配置别名@报错
    Vue3+vite+js配置别名@报错vue3项目中配置vite.config.js时使用path模块报错,一直警告找不大到path模块原因:path模块是node.js内置的功能,但是node.js本身并不支持ts解决......
  • 移除元素
    移除元素一、题目描述给定一个数组nums,和一个整数val,将数组nums数组中的和val元素相等的元素原地删除。不使用新的空间。并返回删除元素后的数组的长度,不考虑超出新长度......
  • how to make the windows console work with utf-8 encoded project
    theconsoleofthewindowsosisnotworkingintheutf-8encoding,bydefault.Whenyouforceyourcodebeencodedwithutf-8,theconsolewillnotprintwhat......
  • Vite+vue3发布后使用的静态图片无法显示Failed to construct ‘URL‘: Invalid URL
    1.使用官方引用静态资源处理,需要把图片放在public里面getImageUrl(name){returnnewURL(`./img/${name}.png`,import.meta.url).href} 2.本地运行项目中可以......
  • Vite + Vue3 + Pinia + es6 + TypeScript 搭建项目
    vite中文参考文档:https://vitejs.cn/guide/#scaffolding-your-first-vite-project执行 npminitvite@latest步骤如下图:下载依赖npmi 启动项目:npmrundev ......
  • vue2 项目也想使用vite打包的便捷?
    首先很多项目正在更新迭代,vue2项目同学也知道vite打包速度开发模式飞快,而且生产模式我给大家贴个图这是vite构建的vue2的初始化项目性能这是未使用webpack构建的初始......
  • Vite升级
    不对Vite做具体详细介绍,主要描述升级过程 wp2vite:wp2vite不会删除你的项目的webpack的配置文件,但是会在你的项目中插入vite的配置文件,相较于webpack,vite开发环境构建......
  • JS控制浏览器打印样式,分页及移除页眉页尾
    很简单,引入以下CSS即可:<style>/*分页符*/.print_gap{page-break-before:always;}.print_gap.gap_line{height:1px;background:#e5e5e5;margin:40pt030pt;......
  • Vue项目跑不起来 Uncaught SyntaxError: The requested module '/node_modules/.vit
    一:问题介绍vue项目运行跑不起来提示Browserslist:caniuse-liteisoutdated.Pleaserunnpxbrowserslist@latest--update-db遇到这个情况首先想到重新安装依赖重启项目......