前端多页面的代码压缩和混淆

最近碰到一个老项目，用jq写的需要将代码进行压缩和混淆，后面选择了用 gulp 自动化构建工具，使用起来还是挺简单方便的！

安装依赖

npm install gulp-cli -g
npm install gulp -D

使用，新建文件gulpfile.js

let gulp = require("gulp"),uglify = require("gulp-uglify"),htmlmin = require("gulp-htmlmin"),minifycss = require("gulp-minify-css"),autoprefixer = require("gulp-autoprefixer"),babel = require("gulp-babel")//html压缩
function htmlHandler(entry, output) {gulp.src(entry).pipe(htmlmin({collapseWhitespace: true, //压缩HTMLremoveComments: true, //清除HTML注释removeAttributeQuotes: true,collapseBooleanAttributes: true,removeEmptyAttributes: true,removeRedundantAttributes: true,minifyCSS: true,minifyURLs: true,minifyJS: true,})).pipe(gulp.dest(output))
}// css压缩
function cssHandler(entry, output) {gulp.src(entry).pipe(autoprefixer()).pipe(minifycss()).pipe(gulp.dest(output))
}// js压缩混淆
function jsHandler(entry, output) {console.log(entry)gulp.src(entry).pipe(babel({presets: ["@babel/env"],})).pipe(uglify()).pipe(gulp.dest(output))
}// 图片不压缩
function imgHandler(entry, output) {gulp.src(entry).pipe(gulp.dest(output))
}// 第三方插件不压缩
function libHandler(entry, output) {gulp.src(entry).pipe(gulp.dest(output))
}// build 为指令名称
gulp.task("build", (done) => {//需要执行的操作
})

一键构建，在终端输入

gulp build

前端多页面的代码压缩和混淆相关推荐

gulp 项目构建代码压缩与混淆
1.gulp安装需要全局安装:npm install gulp -g 还需要本地安装,在项目目录中:npm install gulp --save 2.gulp使用在项目目录中新建1个gulpfi ...
复杂的前端登录页面代码
好的.前端登录页面的代码可能会很复杂,这取决于实现的细节和功能. 基本的前端登录页面可能会包含以下内容: HTML 用于结构化内容,例如表单.输入框和按钮 CSS 用于控制外观和布局 JavaScri ...
Grunt插件之uglify--js代码压缩与合并
平时在开发项目的时候,都是在本地测试,加载代码都是走localhost,页面刷新基本是秒出,所以没有考虑js文件的大小.最近项目上线,部署到了服务器上之后,测试的时候发现加载速度特别慢,一查看网络,发 ...
Android使用R8压缩，混淆，优化App
在Android开发中,为了使App尽可能小,可以使用R8来压缩,混淆,优化App,当使用Android Gradle插件3.4.0或更高版本时,插件不再使用ProGuard执行优化而是R8. R8的 ...
压缩html页面 seo,WordPress前端html代码压缩优化方法
为了优化网站的访问速度,对网页进行压缩是非常不错的一条方法.压缩页面减少了页面的体积提升了访问速度. 部署功能代码 //压缩html代码 function wp_compress_html(){ fu ...
如何对Javascript代码进行二次压缩（混淆）
如何对Javascript代码进行二次压缩(混淆) 对Javascript代码进行压缩(混淆),可以有效减少传输和加载时间.但是,不是所有的变量(方法)都能被混淆的,一般来说,只有非属性的变量(方法) ...
服务器项目混淆,压缩和混淆node.js服务端代码
压缩和混淆node.js服务端代码在前端我们有webpack,gulp等构建工具提供了从项目结构搭建到部署打包,基本所有工作流程所需要的都被覆盖到了. 在后台node.js写的服务端却是透明,很多时 ...
压缩和混淆node.js服务端代码
压缩和混淆node.js服务端代码在前端我们有webpack,gulp等构建工具提供了从项目结构搭建到部署打包,基本所有工作流程所需要的都被覆盖到了. 在后台node.js写的服务端却是透明,很多时 ...
前端实用技巧，JS压缩、美化、JS混淆加密
作为一名前端开发者,关注JavaScript代码的安全性和隐私性,或者需要对JavaScript代码进行美化.格式化.压缩等操作,帮助你提高开发效率和代码质量,利用一个好的工具非常重要. 如果不想让自 ...

前端多页面的代码压缩和混淆

前端多页面的代码压缩和混淆相关推荐

最新文章

热门文章