关于gulp使用的博客(没有完成)

最新推荐文章于 2021-03-10 19:37:48 发布

「已注销」

最新推荐文章于 2021-03-10 19:37:48 发布

阅读量293

点赞数

分类专栏： 2018--前端

2018--前端专栏收录该内容

45 篇文章

订阅专栏

本文介绍如何通过Gulp这一自动化工具简化前端开发工作流程。重点讲解了如何创建gulpfile.js文件并设置任务，例如输出'HelloWorld!'。此外还介绍了如何利用Gulp进行移动开发中的真机测试，包括配置代理服务器等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

##gulp 是一个自动化工具,前端开发者常用它来完成任务:

创建一个gulpfile.js的文件

var gulp = require('gulp');
//gulp.task('task-name', function() {
// Stuff here
//});
gulp.task('hello', function() {
  console.log('Hello World!');
});

gulp hello 运行
那么将会输出Hello World!。

用gulp做移动开发的真机测试,要注意的地方

//配置代理服务器
var connect = require('gulp-connect');
var proxy = require('http-proxy-middleware');

gulp.task('connect', function () {
    connect.server({
        root: './src',
        //如何8080不行,就3000吧
        port: 3000,
        //本电脑的ip cmd -> ipconfig
        host:"192.168.1.149",
        livereload: true,
        middleware: function (connect, opt) {
            return [
                proxy('/api', {
                    target: 'http://www.tiyouholdings.com/',
                    changeOrigin: true
                })
            ]
        }
    })
});