gulp 批量混淆代码

工具

package.json

  1. {
  2.   “name”: “camera”,
  3.   “version”: “1.0.0”,
  4.   “description”: “2019年4月15日14:12:51”,
  5.   “main”: “config.js”,
  6.   “scripts”: {
  7.     “test”: “echo \”Error: no test specified\” && exit 1″,
  8.     “build”: “gulp copy && gulp min”
  9.   },
  10.   “devDependencies”: {
  11.     “babel-core”: “^6.22.1”,
  12.     “babel-helper-vue-jsx-merge-props”: “^2.0.3”,
  13.     “babel-loader”: “^7.1.1”,
  14.     “babel-plugin-syntax-jsx”: “^6.18.0”,
  15.     “babel-plugin-transform-runtime”: “^6.22.0”,
  16.     “babel-plugin-transform-vue-jsx”: “^3.5.0”,
  17.     “babel-polyfill”: “^6.26.0”,
  18.     “babel-preset-env”: “^1.3.2”,
  19.     “babel-preset-stage-2”: “^6.22.0”,
  20.     “gulp”: “^3.9.1”,
  21.     “gulp-babel”: “^6.0.0”,
  22.     “gulp-htmlmin”: “^5.0.1”,
  23.     “gulp-javascript-obfuscator”: “^1.1.5”,
  24.     “gulp-sftp”: “^0.1.5”,
  25.     “gulp-uglify”: “^3.0.2”,
  26.     “gulp-util”: “^3.0.8”,
  27.     “javascript-obfuscator”: “^0.18.1”,
  28.     “minify”: “^4.1.1”
  29.   },
  30.   “author”: “”,
  31.   “license”: “ISC”
  32. }

gulpfile.js

  1. const gulp = require(‘gulp’)
  2. const path = require(‘path’)
  3. const uglify = require(‘gulp-uglify’)
  4. const babel = require(‘gulp-babel’);
  5. const htmlmin = require(‘gulp-htmlmin’);
  6. const javascriptObfuscator = require(‘gulp-javascript-obfuscator’);
  8. /**
  9.  * 拷贝
  10.  */
  11. gulp.task(‘assetsCopy’, function () {
  12.   return gulp.src(‘./assets/**’)
  13.     .pipe(gulp.dest(‘./dist/assets’))
  14. });
  16. gulp.task(‘pageCopy’, function () {
  17.   return gulp.src(‘./page/**’)
  18.     .pipe(gulp.dest(‘./dist/page’))
  19. });
  21. gulp.task(‘pageJsCopy’, function () {
  22.   return gulp.src(‘./pageJs/**’)
  23.     .pipe(gulp.dest(‘./dist/pageJs’))
  24. });
  26. gulp.task(‘fileCopy’, function () {
  27.   return gulp.src(‘./file/**’)
  28.     .pipe(gulp.dest(‘./dist/file’))
  29. });
  31. gulp.task(‘htmlCopy’, function () {
  32.   return gulp.src(‘./*.html’)
  33.     .pipe(gulp.dest(‘./dist’))
  34. });
  36. /**
  37.  * 共通js
  38.  */
  39. gulp.task(‘commonJs’, function () {
  40.   /////找到需要压缩的文件
  41.   gulp.src([‘assets/js/common.js’, ‘assets/js/index.js’, ‘assets/js/display.js’, ‘assets/js/login.js’, ‘assets/js/upload.js’]) ////  /**/  表示js目录下的任意层级的目录
  42.     .pipe(babel())
  43.     /////压缩文件
  44.     .pipe(uglify())
  45.     // 混淆
  46.     .pipe(javascriptObfuscator({
  47.       stringArrayEncoding: true
  48.     }))
  49.     /////另存压缩后文件
  50.     .pipe(gulp.dest(‘dist/assets/js’));
  51. });
  53. /**
  54.  * 内嵌页面js
  55.  */
  56. gulp.task(‘pageJs’, function () {
  57.   /////找到需要压缩的文件
  58.   gulp.src(‘pageJs/*.js’) ////  /**/  表示js目录下的任意层级的目录
  59.     .pipe(babel())
  60.     /////压缩文件
  61.     .pipe(uglify())
  62.     // 混淆
  63.     .pipe(javascriptObfuscator())
  64.     /////另存压缩后文件
  65.     .pipe(gulp.dest(‘dist/pageJs’));
  66. });
  68. /**
  69.  * 页面html
  70.  */
  71. gulp.task(‘pageHtml’, function () {
  72.   const options = {
  73.     removeComments: true, //清除HTML注释
  74.     collapseWhitespace: true, //压缩HTML
  75.     collapseBooleanAttributes: false, //省略布尔属性的值 <input checked=”true”/> ==> <input />
  76.     removeEmptyAttributes: false, //删除所有空格作属性值 <input id=”” /> ==> <input />
  77.     removeScriptTypeAttributes: true, //删除<script>的type=”text/javascript”
  78.     removeStyleLinkTypeAttributes: true, //删除<style>和<link>的type=”text/css”
  79.     minifyJS: true, //压缩页面JS
  80.     minifyCSS: true //压缩页面CSS
  81.   };
  82.   gulp.src(‘page/*.html’)
  83.     .pipe(htmlmin(options))
  84.     .pipe(gulp.dest(‘dist/page’));
  85. });
  87. /**
  88.  * 配置文件
  89.  */
  90. gulp.task(‘configJs’, function () {
  91.   /////找到需要压缩的文件
  92.   gulp.src(‘./config.js’) ////  /**/  表示js目录下的任意层级的目录
  93.     .pipe(babel())
  94.     /////压缩文件
  95.     .pipe(uglify())
  96.     // 混淆
  97.     .pipe(javascriptObfuscator({
  98.       stringArrayEncoding: true
  99.     }))
  100.     /////另存压缩后文件
  101.     .pipe(gulp.dest(‘dist’));
  102. });
  104. // 执行任务
  105. gulp.task(‘copy’, [‘assetsCopy’, ‘pageCopy’, ‘pageJsCopy’, ‘fileCopy’, ‘htmlCopy’])
  106. gulp.task(‘min’, [‘commonJs’, ‘pageJs’, ‘pageHtml’, ‘configJs’])

安装依赖

npm install

执行命令

npm run build

本文链接地址: gulp 批量混淆代码

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注