build.terserOptions is specified but build.minify is not set to use Terser. Note Vite now defaults t

明月落乌江

已于 2023-04-24 19:52:52 修改

阅读量7.3k

点赞数 6

分类专栏：问题集文章标签： vue.js 前端 javascript

于 2023-03-11 16:37:14 首次发布

本文链接：https://blog.csdn.net/qq_54334713/article/details/129465405

版权

问题集专栏收录该内容

16 篇文章

订阅专栏

在Vite项目打包过程中遇到一个关于terserOptions的错误提示，提示需要在vite.config.js的build配置中设置minify为terser来使用Terser进行压缩。解决方法是在build对象内添加minify:terser的配置项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

在vite项目打包过程中，出现如下错误

build.terserOptions is specified but build.minify is not set to use Terser. Note Vite now defaults to use esbuild for minification. If 
you still prefer Terser, set build.minify to "terser".

解决

在vite.config.js文件中，build配置中添加minify:'terser'

build: {
      minify: 'terser',
      .......
    }

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

明月落乌江

关注关注

6
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

vite+vue3+ssg+js打包时遇到的问题及解决

cyj0919的博客

03-06

2610

我在其中使用了vue3-video-play报错 window is not defined 更换插件为video.js报错解决。isClient可以判断是否是客户端，在这里面使用window和document不会报错。打包过程中会遇到个别插件或者包中含有window报错可以试着更换插件。如上图所示可以在使用之前进行判断。在package.json。

Vue 项目静态化打包 seo优化

qq_45752778的博客

06-10

1314

主要是这两个包，实现静态化打包 require(‘prerender-spa-plugin’); import MetaInfo from ‘vue-meta-info’ 不足点：动态路由传值，请求api获取数据，不能打包出静态化，在路由组件创建前调用接口，并且数据绑定模版上可以打包静态结构代码，适用于宣传页项目开发，动态数据完全受限无法满足需求 prerender-spa-plugin使用注意⚠️ 在main.js 入口文件创建Vue 添加 new Vue({ router, render.

参与评论您还未登录，请先登录后发表或查看评论

html-minifier-terser：积极维护html-minifier的分支-使用terser最小化HTML，CSS和JS代码-支持ES6代码

02-05

HTMLMinifier 是一个高度可配置的，经过测试的，基于JavaScriptHTML缩小器。有关所有细节，请参见，和。。另请参阅相应的，以及Node.js，，，和。对于类似lint的功能，请查看。缩小比较如何HTMLMinifier比其他解决方案- （第一个结果在）以及和？现场原始大小（KB） HTMLMinifier 最小化威尔·皮维 htmlcompressor.com 45 41 45 46 45 115 82 90 92 88 132 105 118 123 118 271 260 269 229

vite构建build选项配置（2024-05-29）

hap1994的博客

05-29

4330

可以返回一个新的依赖关系数组，可能被过滤后变少了，也可能有更多依赖注入进来了，同时它们的路径也被修改过。将静态资源在构建后合并是框架的责任。最直观的示例是当你要兼容的场景是安卓微信中的 webview 时，它支持大多数现代的 JavaScript 功能，但并不支持。当启用时，在异步 chunk 中导入的 CSS 将内联到异步 chunk 本身，并在其被加载时一并获取。此选项允许用户为 CSS 的压缩设置一个不同的浏览器 target，此处的 target 并非是用于 JavaScript 转写目标。

Vite中的配置文件中build.lib的formats配置的详细使用

最新发布

cuijiying的博客

03-19

950

formats是 Vite 库模式中一个强大的配置选项，通过选择合适的格式，可以确保库在不同环境中都能正常工作。开发者应根据目标用户和使用场景（如现代网页、Node.js 或浏览器脚本）选择合适的格式组合，并通过明确入口点以提高用户体验。

vite配置terser,压缩代码及丢弃console

大赚万万亿

10-31

4753

【代码】vite配置terser,压缩代码及丢弃console。

网友心得—运行jeecgboot-vue3项目可能出现的问题

JEECG官方博客

10-19

3246

网友整理的运行jeecgboot-vue3项目可能出现的问题心得

build.terseroptions is specified but build.minify is not set to use terser. note vite now defaults to use esbuild for minification. if you still prefer terser, set build.minify to "terser".

04-11

提示指定了build.terseroptions，但build.minify没有设置使用terser进行压缩。请注意，Vite现在默认使用esbuild进行压缩。如果您仍然喜欢使用terser，请将build.minify设置为“terser”。

创建react项目并启动出现的报错解决，学习资源

小白目的博客

02-18

7441

一、预备知识：npm或yarn 二、创建项目步骤： 1.全局安装： npm install -g create-react-app 2.切换到想创建项目的目录（hello-react）：create-react-app hello-react 3.进入项目文件夹：cd hello-react 4.启动项目：npm start 三、可能出现的报错： 1. 'react-app-rewired' 不是内部或外部命令，也不是可运行的程序或批处理文件。原因：可能是由于create-re.

vite build 下去除console、debug等无效

Dream

05-20

4262

vite.config.ts种build下必须配置minify（压缩方式）。压缩方式对比率查看以及 build:{ minify: "terser", terserOptions: { compress: { drop_console: true, drop_debugger: true } } }

vite打包编译后类名混淆冲突问题处理

lj1530562965的博客

12-30

8357

vite打包编译后类名混淆冲突问题处理背景在项目开发过程中，发现同个views引用的不同stora打包编译后的类名偶发性存在一致的情况，都为n，导致类名冲突解决方案类名不进行打包混淆处理，防止丢弃或修改类名找到vite官网发现有terserOptions的配置，于是增加terserOptions配置，配置如下： build: { minify: 'esbuild', // 进行压缩计算 brotliSize: false, outDir: e

vite项目配置vite.config.ts在打包过程中去除日志

qq_46160082的博客

11-23

1288

在生产环境上，务必要将日志清除干净，其因有二，在webgis系统中，有很多几何数据，体积大、数量多，很容易引起系统卡顿；清除log后，系统看着舒服，协同开发有很多无聊的日志，打出来没必要。vite中已经内置移除console的设置，只需简单配置即可生效。在配合文件根目录下开启build的配置。开启前打包后有日志，开启后打包上线无日志，主打一个清爽。

vite+vue3配置vite.config.ts多页面入口,并配置多个env

周家大小姐

06-03

7187

需求:在一个项目有公共的依赖和组件,但是两个模块又没有业务上的关联,这个时候我们需要用到分包,我的env.test对应是mono2中的变量打包,根据人个需求使用在根路径下删除原来的index.html,然后在src下建两个目录分别为mono1,mono2如果页面都抽离成模块后记得改变，记得要修改文件之间的引用关系，接下来我们详细看项目配置方面的修改。vite.config.ts package.json文件写入dev没有另做配置如果启动dev可能会找不到页面,只能使用dev:mono1或dev:mono

Vite build禁用Console 和 Debugger

qq_41445430的博客

01-30

949

Vite build禁用Console 和 Debugger，使用esbuild和terser两种方式

Vue3+TypeScript+Vite开发组件库并发布到npm

Vue Amazing UI（Vue3 + TypeScript + Vite）组件库唯一开发维护者

02-22

4834

Vue3+TS+Vite开发的UI组件库，并已发布到npm。包含组件：面包屑、按钮、走马灯、级联选择、多选框、折叠面板、倒计时、日期选择、对话框、分割线、空状态、图片、数字输入框、全局提示、信息提示、通知提醒框、分页器、进度条、二维码、单选框、评分、选择器、滑动输入条、加载中、步骤条、触摸滑动插件、开关、表格、标签页、文字滚动、时间轴、文字提示、播放器、瀑布流

vue3-vite.config.js 配置(四)

m0_50884068的博客

04-15

1902

// 使用 vite 创建项目完成后会自动生成一个 vite.config.js 代码如下： import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ plugins: [vue()], }) // 如果配置不全,在开发环境下运行都是正常的，但是打包上线的时候就会出现各种问题,比如假设不配置 base 时，打包之后，访问时出现白屏。alias 不配置的

【译】听尤雨溪聊：下一代前端构建工具 ViteJS 中英双语字幕

Yvette Lau的专栏

03-11

5395

原视频地址：Next generation frontend tooling with ViteJS ✨ Open Source Friday ✨[1]中英文字幕视频地址（B站）：【译】下...

[JS入门到进阶] 哎，被vite小坑了一波，大家记得配置build.cssTarget为‘chrome61‘

Hull Qin

09-01

4648

Vite用起来很爽，不必像Webpack一样手动配置各种Loader了，但是它仍存在一些小坑。我就被坑了，遇到个样式兼容性问题，好在最终找到了解决方案，一起来看一下解决过程吧！避免你再踩坑～

terseroptions drop_console 如何调试?_前端高级进阶2 | javascript 代码是如何被压缩的...

weixin_42437984的博客

02-01

2169

随着前端的发展，特别是 React，Vue 等构造单页应用的兴起，前端的能力得以很大提升，随之而来的是项目的复杂度越来越大。此时的前端的静态资源也越来越庞大，而毫无疑问 javascript 资源已是前端的主体资源，对于压缩它的体积至为重要。为什么说更小的体积很重要呢：更小的体积对于用户体验来说意味着更快的加载速度以及更好的用户体验，这也能早就企业更大的利润。另外，更小的体积对于服务器来...