js用gulp压缩混淆

set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sas
sudo SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass

  • 安装gulp
npm install gulp -g  全局安装
npm i gulp-cli -g  全局安装
cd ss 进入文件夹
npm init  初始化项目
npm install gulp --save-dev 全局安装gulp是为了执行gulp任务,本地安装gulp是为了调用gulp插件的功能进入你的项目文件路径中执行,本地安装gulp (项目)
npm install --save-dev gulp-uglify  (压缩插件)
npm install --save readable-stream  (gulp用的插件,可以不安装)
npm install --save-dev gulp-js-obfuscator  (混淆插件)
npm install --save-dev gulp-jshint  (检测)
npm install --save-dev gulp-concat   (文件合并)
npm install --save-dev gulp-notify  (提示信息)
npm install --save-dev jshint   (检测)
安装好后根据下面修改gulpfile.js文件, 然后进入项目根目录,命令执行: gulp ,gulp就会执行gulp.js里面的任务

npm i gulp@3.9.1  根据版本安装,项目(本地)安装gulp3.9.0版本
npm un gulp -g    -g表示全局卸载卸载 
  • 项目根目录创建gulpfile.js
var gulp = require('gulp');
 
// 引入组件
 
var    jshint = require('gulp-jshint');//js检测
var    uglify = require('gulp-uglify');//js压缩
//var    concat = require('gulp-concat');//文件合并
var    notify = require('gulp-notify');//提示信息

// 检查js
gulp.task('lint', function() {
  return gulp.src('./lib/*.js')
    .pipe(jshint())
    .pipe(jshint.reporter('default'))
    .pipe(notify({ message: 'lint task ok' }));
});
 
// 合并、压缩js文件
gulp.task('js', function() {
  return gulp.src('./lib/*.js')   //需要压缩的路径
    .pipe(uglify())
    .pipe(gulp.dest('./dest'))  //压缩后的路径
    .pipe(notify({ message: 'js task ok' }));
});
 
// 默认任务,如果,default改成test,命令执行时是gulp test
gulp.task('default', function(){  
  gulp.run( 'lint', 'js');
});
  • gulp 报错
    gulp:cannot read property ‘apply’ of undefined
    在这里插入图片描述gulp -v 查看版本,本地和全局的版本不一致
    在这里插入图片描述
    npm un gulp 卸载本地版本
    npm i gulp@3.9.1 安装和全局一样的版本
    gulp -v 查看版本,版本一致后执行gulp命令就不会报这个错在这里插入图片描述
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个使用 `gulp-useref` 并过滤指定 js 文件的示例: ```javascript const gulp = require('gulp'); const useref = require('gulp-useref'); gulp.task('build', function() { return gulp.src('src/*.html') .pipe(useref({ searchPath: ['src', '.'] })) // 过滤掉不需要处理的 js 文件 .pipe(gulp.dest('dist')); }); ``` 在这个示例中,我们使用 `gulp-useref` 来处理 HTML 文件,并将注释块中引用的 JS、CSS 文件合并到一个或多个文件中。同时,我们通过 `searchPath` 属性指定了搜索路径,这样 `gulp-useref` 就能够正确地解析 HTML 文件中的相对路径了。 接着,我们通过 `pipe` 方法将处理后的文件输出到 `dist` 目录中。在这个过程中,我们也可以使用 `gulp-if` 来过滤掉不需要处理的文件。例如,如果我们只想处理所有 `src` 目录下的 JS 文件,可以这样写: ```javascript const gulp = require('gulp'); const useref = require('gulp-useref'); const gulpIf = require('gulp-if'); gulp.task('build', function() { return gulp.src('src/*.html') .pipe(useref({ searchPath: ['src', '.'] })) // 只处理 src 目录下的 js 文件 .pipe(gulpIf('**/*.js', gulp.dest('dist'))) .pipe(gulp.dest('dist')); }); ``` 在这个示例中,我们使用 `gulp-if` 来过滤掉不需要处理的 JS 文件,而只处理 `src` 目录下的 JS 文件。这样,我们就能够只处理我们需要的文件了。 希望这个回答能够帮到你,如果你还有其他问题,可以继续问我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值