js用gulp压缩混淆

  • Node和npm安装,ubuntu环境
    1)下载地址:
    wget -P /opt/dev http://ftp.cqrd.com/software/nodejs/node-v6.10.1-linux-x64.tar.xz
    2)解压安装设置:
    解压:
    xz -d node-v6.10.1-linux-x64.tar.xz
    tar -xvf node-v6.10.1-linux-x64.tar
    查看node版本:
    cd node-v6.10.1-linux-x64/bin
    ./node -v
    设置全局:
    ln -s /opt/dev/node-v6.10.1-linux-x64/bin/node /usr/local/bin/node
    ln -s /opt/dev/node-v6.10.1-linux-x64/bin/npm /usr/local/bin/npm
    设置npm淘宝镜像及代理:
    npm config set registry https://registry.npm.taobao.org
    npm config set proxy http://172.17.18.80:8080/
    npm config set https-proxy http://172.17.18.80:8080/

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命令就不会报这个错在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部