javascript - 运行 gulp 后如何在浏览器选项卡中打开站点?

标签 javascript gulp

我是 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 文件。

这是我有我的文件夹:

enter image description here

哪个任务是完成我想要的任务的正确任务?

最佳答案

'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());
});

关于javascript - 运行 gulp 后如何在浏览器选项卡中打开站点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37091037/

相关文章:

javascript - 如何为动态表创建表头

javascript - 我可以从集合中插入数组吗?

symfony - 有没有办法自动从 Assetic 迁移到 gulp?

javascript - 'gulp-jade' 无法正常工作或无法将 jade 编译为 html

javascript - Javascript 中的人体检测

javascript - 在 javascript file-codeigniter 中获取 baseurl

javascript - Gulp 重命名和基本路径

javascript - Gulp-Sourcemaps:Chrome DevTools 错误地引用了已编译 js 的源

javascript - 使用 jQuery 添加数字间距

css - 优化 gulp Sass 编译