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