【问题标题】:How to open the site in a browser tab after running gulp?运行 gulp 后如何在浏览器选项卡中打开网站?
【发布时间】:2016-09-02 15:04:57
【问题描述】:

我是 gulp 的新手,我在 Gulpfile.js 工作,到目前为止我有这个

var gulp = require('gulp');
var sass = require('gulp-sass');
var plumber = require('gulp-plumber');

gulp.task('sass', function() {
  gulp.src('public/stylesheets/style.scss')
    .pipe(plumber())
    .pipe(sass())
    .pipe(gulp.dest('public/stylesheets'));
});

gulp.task('watch', function() {
  gulp.watch('public/stylesheets/*.scss', ['sass']);
});

gulp.task('default', ['sass', 'watch']);

当我运行$ gulp 时没有任何反应,我想要一个响应 gulp 命令并在浏览器中打开页面的 gulp 文件。

我有我的文件夹:

什么是完成我想要的正确任务?

【问题讨论】:

标签: javascript gulp


【解决方案1】:

我收到消息“任务从未定义:gulp open”

`var open = require('gulp-open');
gulp.task('open', function() {
gulp.src( myUrl )
.pipe( open() );});
gulp.task('default', gulp.series('open') );`

【讨论】:

  • 如果您有新问题,请点击 按钮提出问题。如果有助于提供上下文,请包含指向此问题的链接。 - From Review
【解决方案2】:
'use strict';

var gulp = require('gulp');
var open = require('gulp-open');


// Default usage: 
// Open one file with default application 

gulp.task('open', function(){
  gulp.src('./index.html')
  .pipe(open());
});

【讨论】:

  • 所以我需要安装这些模块吗? osgulp-open?
  • 那么您还需要配置选项。选择你想要的任务类型:npmjs.com/package/gulp-open
  • 我现在做了,但它只打开一个文件file:///Users/Marcelo/Documents/Projects/showstracker/public/index.html 我需要它在浏览器中打开类似 localhost:3000 的文件
  • 您必须使用绝对路径。 var options = { uri: 'localhost:3000', app: '/Applications/Google\ Chrome.app' }; gulp.src('./') .pipe(open(options));
  • 运行 npm start 后如何打开我的 index.html 页面?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-08-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-09-24
  • 1970-01-01
相关资源
最近更新 更多