[{"data":1,"prerenderedAt":144},["ShallowReactive",2],{"content:\u002Fposts\u002F2022\u002Fgulp-uflify-js":3,"surround:\u002Fposts\u002F2022\u002Fgulp-uflify-js":133},{"id":4,"title":5,"body":6,"canonical":110,"categories":111,"date":113,"description":114,"draft":115,"extension":116,"image":117,"meta":118,"navigation":119,"path":120,"permalink":110,"readingTime":121,"recommend":110,"references":110,"seo":126,"sitemap":127,"stem":128,"tags":129,"type":110,"updated":113,"__hash__":132},"content\u002Fposts\u002F2022\u002Fgulp-uflify-js.md","gulp压缩js文件",{"type":7,"value":8,"toc":105},"minimark",[9,14,18,29,32,38,45,53,56,64,67,81],[10,11,13],"h2",{"id":12},"使用-gulp-压缩-js-文件","使用 gulp 压缩 js 文件",[15,16,17],"p",{},"初始化项目",[19,20,26],"pre",{"className":21,"code":23,"language":24,"meta":25},[22],"language-bash","npm init -y\n","bash","",[27,28,23],"code",{"__ignoreMap":25},[15,30,31],{},"安装依赖包",[19,33,36],{"className":34,"code":35,"language":24,"meta":25},[22],"npm i gulp gulp-uflify gulp-rename gulp-notify\n",[27,37,35],{"__ignoreMap":25},[15,39,40,41,44],{},"编写",[27,42,43],{"code":43},"gulpfile.js","文件",[19,46,51],{"className":47,"code":49,"language":50,"meta":25},[48],"language-js","const gulp = require(\"gulp\")\nconst notify = require(\"gulp-notify\")\nconst rename = require(\"gulp-rename\")\nconst uglify = require(\"gulp-uglify\")\n\n\u002F\u002F 压缩js代码\nfunction minjs() {\n    return gulp\n        .src(\"js\u002F*.js\")\n        .pipe(uglify({ mangle: true, compress: true }))\n        .pipe(rename({ extname: \".min.js\" }))\n        .pipe(gulp.dest(\"dist\u002Fjs\"))\n        .pipe(notify({ message: \"压缩完成\" }))\n}\n\nmodule.exports = { minjs }\n","js",[27,52,49],{"__ignoreMap":25},[15,54,55],{},"更新 package.json script 脚本",[19,57,62],{"className":58,"code":60,"language":61,"meta":25},[59],"language-json","{\n  \"scripts\": {\n    \"minjs\": \"gulp\",\n  },\n}\n","json",[27,63,60],{"__ignoreMap":25},[15,65,66],{},"使用方式：",[68,69,70,74],"ol",{},[71,72,73],"li",{},"在项目根目录下创建 js 文件夹（需要压缩的文件需要放到此文件夹内）",[71,75,76,77,80],{},"使用命令行输入 ",[27,78,79],{"code":79},"gulp minjs","。运行成功后会在 dist\u002Fjs 文件夹中生成压缩好的 js 代码并有系统级的提示",[82,83,84],"alert",{},[85,86,87,93,99],"ul",{},[71,88,89,92],{},[27,90,91],{"code":91},"gulp-uflify"," 包用于压缩 js 代码",[71,94,95,98],{},[27,96,97],{"code":97},"gulp-rename"," 用于给压缩后的文件重新命名",[71,100,101,104],{},[27,102,103],{"code":103},"gulp-notify"," 用于压缩好后进行提示（系统级提示）",{"title":25,"searchDepth":106,"depth":106,"links":107},4,[108],{"id":12,"depth":109,"text":13},2,null,[112],"代码","2022-12-04 15:40:12","使用 gulp 来写一个压缩 js 的小工具",false,"md","https:\u002F\u002Fbitmc.uno\u002Fpicgo\u002Fgulp-uflify-js.jpg",{},true,"\u002Fposts\u002F2022\u002Fgulp-uflify-js",{"text":122,"minutes":123,"time":124,"words":125},"1 min read",0.995,59700,199,{"title":5,"description":114},{"loc":120},"posts\u002F2022\u002Fgulp-uflify-js",[50,130,131],"gulp","前端工程化","gpPlvrhgHzufOg6o7py8xEuNZBcm-whgKgGfKYJLgoc",[134,139],{"title":135,"path":136,"stem":137,"date":138,"type":110,"children":-1},"微信短链 URL Link","\u002Fposts\u002F2022\u002Fminiprogram-short-link","posts\u002F2022\u002Fminiprogram-short-link","2022-12-04 15:35:50",{"title":140,"path":141,"stem":142,"date":143,"type":110,"children":-1},"vite使用","\u002Fposts\u002F2022\u002Fvite-basic-use","posts\u002F2022\u002Fvite-basic-use","2022-12-04 15:41:11",1789642596824]