js用gulp压缩混淆

本文档详细介绍了在Ubuntu系统中如何下载、安装Node.js与npm,包括设置全局路径和淘宝镜像。接着,针对在项目中使用gulp遇到的问题,如'apply of undefined'错误,给出了解决方案,包括检查并确保gulp本地与全局版本一致的方法。
摘要由CSDN通过智能技术生成

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

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命令就不会报这个错

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值