本文摘要：在使用UglifyJS压缩Vue CLI项目中的JavaScript代码时，若涉及到ES6语法，可能导致压缩失败。解决办法是在webpack的babel-loader配置中将包含ES6语法的第三方库（例如dom7）加入到include路径列表内，确保这些库中的代码也能通过'env'和'stage-2'预设转换为ES5，以便于UglifyJS识别并进行有效压缩处理。

转载文章

本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_33910137/article/details/91429581。

该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。

作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。

如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

Uglifyjs压缩js的的时候，要求不能有es6语法

解决方法：

vue-cli默认是检测src和test目录下的js文件。将dom7的文件加入无include中就可以了

test: /\.js$/,loader: 'babel-loader',options: {   presets: ['env', 'stage-2']},include: [resolve('src'), resolve('test'),resolve('node_modules/dom7')]复制代码

转载于:https://juejin.im/post/5a338bf651882549a7464477

本篇文章为转载内容。原文链接：https://blog.csdn.net/weixin_33910137/article/details/91429581。

该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。

作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。

如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

名词解释

作为当前文章的名词解释，仅对当前文章有效。

UglifyJS：一款广泛应用于前端开发的JavaScript代码压缩工具，用于减少文件体积、提高加载速度。在文章中提到的场景下，UglifyJS默认不支持ES6语法，因此需要配合Babel等转译工具将ES6代码转换为可被其识别和处理的ES5语法。

Babel-loader：Webpack中的一个加载器，它能够调用Babel对JavaScript源代码进行编译转换。在Webpack构建流程中，当遇到`.js`文件时，babel-loader会根据预设（presets）和插件（plugins）配置来解析并转换ES6及以上版本的JavaScript语法到指定的目标环境（如ES5），从而确保代码能够在不同浏览器或环境中正常运行。

Webpack：一款流行的前端模块打包工具，可以将项目中的各种静态资源（包括JavaScript、CSS、图片等）进行模块化管理，并通过一系列加载器和插件进行处理（如转译、压缩、优化等），最终输出便于部署的静态资源包。在本文中，开发者通过修改Webpack配置中的babel-loader规则，将第三方库dom7包含进include路径列表，确保其中的ES6语法也能正确地被转译为ES5语法，以便于后续使用UglifyJS进行代码压缩时不发生错误。