码迷,mamicode.com
首页 > Web开发 > 详细

使用gulp压缩js详细步骤笔记

时间:2017-04-29 23:33:57      阅读:469      评论:0      收藏:0      [点我收藏+]

标签:auth   压缩   finish   eve   pts   save   配置文件   npm   pac   

先要安装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 }
npm init

 

安装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详细步骤笔记

标签:auth   压缩   finish   eve   pts   save   配置文件   npm   pac   

原文地址:http://www.cnblogs.com/weiweictgu/p/6786503.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!