Gulp 快速入门

简介: image.pngpackage.json{ "devDependencies": { "gulp": "^3.9.1", "gulp-browserify": "^0.
image.png

package.json

{
  "devDependencies": {
    "gulp": "^3.9.1",
    "gulp-browserify": "^0.5.1",
    "gulp-jade": "^1.1.0"
  }
}

gulpfile.js

var gulp = require('gulp'),
    jade = require('gulp-jade'),
    browserify = require('gulp-browserify')

gulp.task('jade', function () {
    return gulp.src('src/template/**/*.jade')
        .pipe(jade())
        .pipe(gulp.dest('builds/development'))
})


gulp.task('js', function () {
    return gulp.src('src/js/main.js')
        .pipe(browserify({debug: true}))
        .pipe(gulp.dest('builds/development/js'))
})

image.png

logger.js

module.exports = {
    log: function (s) {
        if (console) {
            console.log(s)
        }
    }
}


main.js

var logger = require('./logger')
logger.log("Hello, Browserify!")

index.jade

doctype html
html
head
    title Hello,World

body
    h1 Hello,World
    p This is a jade demo
    script(src='js/main.js')

$ gulp jade
[21:35:30] Using gulpfile ~/17lai/frontend-workflow/gulpfile.js
[21:35:30] Starting 'jade'...
[21:35:30] Finished 'jade' after 89 ms

$ gulp js
[21:35:56] Using gulpfile ~/17lai/frontend-workflow/gulpfile.js
[21:35:56] Starting 'js'...
[21:35:56] Finished 'js' after 84 ms

gulp API 文档

http://www.gulpjs.com.cn/docs/api/

https://github.com/gulpjs/gulp/blob/master/docs/API.md

https://gulpjs.org/

相关文章
|
算法 C语言 C++
快速入门C++
快速入门C++
87 0
|
Kubernetes 监控 调度
K8S快速入门
K8S快速入门
132 0
|
Web App开发 人工智能 数据可视化
RPA 快速入门|学习笔记
快速学习 RPA 快速入门
835 0
RPA 快速入门|学习笔记
|
Kubernetes Linux API
[没接触过kubevirt?]15分钟快速入门kubevirt
什么是kubevirt? kubevirt是一个容器方式运行虚拟机的项目。`kubevirt`是附加`kubernetes`集群上的,它是通过 `CustomResourceDefinition(CRD)`部署到`Kubernetes API`变成资源对象。使用方式类似创建`deploy、pod`......这些资源清单。
4452 0
[没接触过kubevirt?]15分钟快速入门kubevirt
|
6月前
|
存储 SpringCloudAlibaba 负载均衡
|
3月前
|
消息中间件 Java 数据安全/隐私保护
SpringAMQP快速入门
SpringAMQP快速入门
36 0
|
6月前
|
存储 Python
PythonOOP快速入门
PythonOOP快速入门
|
7月前
|
算法 数据可视化 Java
Gephi快速入门
Gephi快速入门
|
7月前
|
存储 编译器 Linux
C++:快速入门篇
C++:快速入门篇
80 0
|
7月前
|
缓存
SpringBootRestFul快速入门
SpringBootRestFul快速入门
45 0

热门文章

最新文章