Uglify-loader-temporary 是一个 npm 包，它能够将 JavaScript 代码进行压缩和混淆，从而减小文件体积和提高加载速度。本文将详细介绍这个 npm 包的使用方法。
安装
使用 npm 包管理器进行安装：
npm install uglify-loader-temporary -D
配置 webpack
在 webpack 的配置文件中，添加以下代码：
-- -------------------- ---- -------
-------------- - -
------- -
------ -
-
----- --------
---- -
---------------
-------------------------
--
-------- --------------
-
-
-
-这里我们使用了 babel-loader，因为在 webpack 中，通常我们需要将 ES6+ 代码转换成 ES5 代码。uglify-loader-temporary 会在 babel-loader 之后运行，即 babel-loader 将代码转换成 ES5 后，uglify-loader-temporary 再将代码进行压缩和混淆。
示例代码
下面是一个简单的示例代码，我们可以通过它来了解 uglify-loader-temporary 的效果。
源代码
const sum = (a, b) => {
return a + b;
}
console.log(sum(1, 2));压缩混淆后的代码
!function(o){var r={};function t(n){if(r[n])return r[n].exports;var a=r[n]={i:n,l:!1,exports:{}};return o[n].call(a.exports,a,a.exports,t),a.l=!0,a.exports}t.m=o,t.c=r,t.d=function(o,r,n){t.o(o,r)||Object.defineProperty(o,r,{enumerable:!0,get:n})},t.r=function(o){void 0!==Symbol&&Symbol.toStringTag&&Object.defineProperty(o,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(o,"__esModule",{value:!0})},t.t=function(o,r){if(1&r&&(o=t(o)),8&r)return o;if(4&r&&"object"==typeof o&&o&&o.__esModule)return o;var n=Object.create(null);if(t.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:o}),2&r&&"string"!=typeof o)for(var a in o)t.d(n,a,function(r){return o[r]}.bind(null,a));return n},t.n=function(o){var r=o&&o.__esModule?function(){return o["default"]}:function(){return o};return t.d(r,"a",r),r},t.o=function(o,r){return Object.prototype.hasOwnProperty.call(o,r)},t.p="",t(t.s=0)}([function(o,r,t){t(1),console.log((r=t(2)).sum(1,2))},function(o,r){o.exports=window.UglifyJS},function(o,r){r.sum=function(o,r){return o+r}}]);可以看到，压缩混淆后的代码非常难以阅读和理解，这将确保我们的代码的安全性和保密性。
总结
uglify-loader-temporary 是一个非常优秀的 JavaScript 代码压缩和混淆工具，可以帮助我们快速减小文件体积和提高加载速度。通过本文的学习，相信大家已经掌握了它的使用方法，希望能够在实际开发中发挥出它的真正价值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67629