terser用于ES6的压缩JS工具

这篇具有很好参考价值的文章主要介绍了terser用于ES6的压缩JS工具。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

terser用于ES6的压缩JS工具

https://www.npmjs.com/package/terser

uglify-es不再维护,uglify-js也不支持ES6+。
terser是uglify-es的一个分支,主要保留了与uglify和uglify-js@3.

npm install terser -g

terser [input files] [options]

terser-webpack-plugin

使用terser-webpack-plugin (npm i terser-webpack-plugin)
因为uglifyjs不支持es6语法,所以用terser-webpack-plugin替代uglifyjs-webpack-plugin
terser-webpack-plugin 目前最新的版本打包会有兼容问题请使用4.x版本
terser-webpack-plugin的5.x版本是对应webpack5.x所以如果打包失败注意下版本哦

在项目打包时去除console.log语句及debugger等。
第一次解决,首先想到了uglifyjs-webpack-plugin,因为没有成功就不赘述了,报的错似乎是不识别es6语法

最后搜索发现vue-cli3.0在打包过程中就使用了terser-webpack-plugin插件进行优化。

由于vue-cli工具中已经用到了terser-webpack-plugin,因此在vue-cli新建的项目中可以直接引入terser-webpack-plugin,无需安装。文章来源地址https://www.toymoban.com/news/detail-507734.html

到了这里,关于terser用于ES6的压缩JS工具的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Js】数组(包括es6)方法大集合

    数组方法(包括es6) 1、arr.push() 从后面添加元素,返回值为添加完后的数组的长度 , 改变原数组 2、arr.pop() 从后面删除元素,只能是一个,返回值是删除的元素 ( 改变原数组 ) 3、arr.shift() 从前面删除元素,只能删除一个 返回值是删除的元素( 改变原数组 ) 4、arr.unshift(

    2023年04月16日
    浏览(36)
  • JS(es6)同时给多个变量赋值

    在ES6中,可以使用解构赋值语法同时给多个变量赋值。解构赋值语法可以从数组或对象中提取值,并将其赋给多个变量。 1. 数组解构赋值: 2. 对象解构赋值: 3. 数组和对象同时进行解构赋值:

    2024年02月15日
    浏览(49)
  • ES6+--》熟知JS中的async函数

    目录 async函数 await 表达式 async使用形式 async读取文件 async发送AJAX请求 与生成器(Generator)相比 async函数的返回值为 promise 对象,promise对象的结果由async函数执行的返回值决定。async函数能使得异步操作变得更加方便,简而言之就是 Generator 的语法糖。 定义async函数,特点是即便

    2024年01月17日
    浏览(42)
  • JS中操作数组的方法(涵盖ES6)

    一、常用的 JavaScript 操作数组的方法 1.push() 和 pop():在数组末尾添加或删除元素。 2.shift() 和 unshift():在数组头部删除或添加元素。 3.splice():在任意位置添加或删除元素。如果删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。(改变原始数组)

    2024年02月05日
    浏览(42)
  • Node.JS学习 | Babel | webpack | ES6

    💗wei_shuo的个人主页 💫wei_shuo的学习社区 🌐Hello World ! Node.JS能够在服务器端运行JavaScript的开放源代码、跨平台运行环境;Node.js采用Google开发的V8运行代码,使用事件驱动、非阻塞IO和异步输入输出模型等技术来提高性能,可优化应用程序的传输量和规模 let有效避免var的变

    2024年02月07日
    浏览(42)
  • 背上大大书包准备run之JS篇(含Es6)

    目录 js数据类型? 数组常用方法?哪些改变原数组,哪些不改变? 冒泡排序不用js数组sort方法? 字符串常用方法? == 和 === 区别,分别在什么情况使用? 深拷贝浅拷贝? 闭包?闭包使用场景? 作用域?作用域链? 原型?原型链? this的理解? typeof和instanceof区别? 事件代

    2024年02月13日
    浏览(34)
  • 【ES6】js中的__proto__和prototype

    在JavaScript中,__proto__和prototype都是用于实现对象继承的关键概念。 1、 proto __proto__是一个非标准的属性,用于设置或获取一个对象的原型。这个属性提供了直接访问对象内部原型对象的途径。对于浏览器中的宿主对象和大多数对象来说,可以使用 obj. proto 访问它们的原型对象

    2024年02月10日
    浏览(29)
  • 【JS 构造|原型|原型链|继承(圣杯模式)|ES6类语法】上篇

    ⌚️⌚️⌚️个人格言:时间是亳不留情的,它真使人在自己制造的镜子里照见自己的真相! 📖Git专栏:📑Git篇🔥🔥🔥 📖JavaScript专栏:📑js实用技巧篇,该专栏持续更新中🔥🔥🔥,目的是给大家分享一些常用实用技巧,同时巩固自己的基础,共同进步,欢迎前来交流👀

    2023年04月16日
    浏览(36)
  • 【JS 构造|原型|原型链|继承(圣杯模式)|ES6类语法】下篇

    ⌚️⌚️⌚️个人格言:时间是亳不留情的,它真使人在自己制造的镜子里照见自己的真相! 📖Git专栏:📑Git篇🔥🔥🔥 📖JavaScript专栏:📑js实用技巧篇,该专栏持续更新中🔥🔥🔥,目的是给大家分享一些常用实用技巧,同时巩固自己的基础,共同进步,欢迎前来交流👀

    2024年02月01日
    浏览(75)
  • vue中webpack配置compression-webpack-plugin打包压缩和优化,terser-webpack-plugin在构建过程中对 JavaScript 代码进行压缩和优化

    参考地址:https://v4.webpack.js.org/plugins/compression-webpack-plugin/ 一、compression-webpack-plugin的使用,安装插件 二、在 webpack 配置中,require 或 import 引入 三、配置 参考地址:https://v4.webpack.js.org/plugins/terser-webpack-plugin/ 一、安装terser-webpack-plugin 二、在 Webpack 配置中引入 三、配置

    2024年04月14日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包