什么是 grunt-contrib-uglify-es
grunt-contrib-uglify-es 是一个 Grunt 任务插件，它使用了 uglify-es 模块，可以让你在构建（build）阶段对 JavaScript 代码进行压缩、混淆和优化等操作。
安装和使用
首先，你需要全局安装 Grunt 脚手架：
npm install -g grunt-cli
然后，在项目目录下安装 grunt-contrib-uglify-es：
npm install grunt-contrib-uglify-es --save-dev
接下来，在 Gruntfile.js 中配置 uglify 任务，例如：
-- -------------------- ---- ------- -------------- - --------------- - ------------------ ---- ------------------------------------ ------- - -------- - ------- ---- --- -------- -- --- ---------------------------------- -- ----- -- ------ - ---- ----------- ----- ---------- -------- ---------- - - --- ---------------------------------------------- ----------------------------- ------------ --展开代码
src 和 dest 分别是源码和压缩后的代码路径，可以根据需求进行修改。 options 部分可以配置一些选项，比如添加 banner。
最后，在终端中执行 grunt 命令即可进行压缩:
grunt示例代码
// src/test.js function sayHello(name) { console.log('Hello ' + name); } sayHello('World');
// build/test.min.js /*! test 2021-08-30 */ function sayHello(l){console.log("Hello "+l)}sayHello("World");
如上面的示例所示，原本源码中的 sayHello 函数被压缩，变成了一行代码，从而减小了文件大小，在实际项目开发中也有类似的应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/63439
