首页 > 代码库 > 使用gulp压缩js详细步骤笔记
使用gulp压缩js详细步骤笔记
先要安装nodejs,初始化项目配置文件package.json,根据情况输入配置参数
npm init
1 test command: 2 git repository: 3 keywords: 4 author: 5 license: (ISC) 6 About to write to E:\temp\20170429\test03\package.json: 7 8 { 9 "name": "test03",10 "version": "1.0.0",11 "description": "",12 "main": "index.js",13 "scripts": {14 "test": "echo \"Error: no test specified\" && exit 1"15 },16 "author": "",17 "license": "ISC"18 }
安装gulp
npm install gulp -g (global环境)npm install gulp --save-dev (项目环境)
在项目中install需要的gulp插件,一般只压缩的话需要npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev更多插件可以在这个链接中找到 http://gratimax.net/search-gulp-plugins/
在项目的根目录新建gulpfile.js,require需要的module
var gulp = require(‘gulp‘), uglify = require(‘gulp-uglify‘); gulp.task("default",function() { gulp.src("src/*.js").pipe(uglify()).pipe(gulp.dest("dist/js")); })
执行gulp命令进行js压缩
E:\temp\20170429\test03>gulp[22:23:05] Using gulpfile E:\temp\20170429\test03\gulpfile.js[22:23:05] Starting ‘default‘...[22:23:05] Finished ‘default‘ after 13 ms
使用gulp压缩js详细步骤笔记
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。