gulp browserify watchify sass

转载于 2015-05-22 14:54:00 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/soonlive/blog/418590

文章标签：

#python

本文介绍了一个使用Gulp和Browserify进行前端自动化构建的例子，包括SCSS编译为CSS及JavaScript文件的构建过程。该流程利用了Watchify来实现文件变更时的实时编译。

2019独角兽企业重金招聘Python工程师标准>>>

gulp.task(, () {
  rubysass(scssPath, {
    style: ,
    loadPath: [
      scssPath
    ]
  })
    .pipe(gulp.dest(cssDestPath));
});

gulp.task(, () {
  jscompile();
});

gulp.task(, () {
  jscompile();
});

jscompile(is_watch) {
  customOpts = {
    entries: [jsSrcPath + ],
    basedir: __dirname,
    debug: !production,
    cache: {},
    packageCache: {},
    fullPaths: watch
  };
  opts = lodash.assign({}, watchify.args, customOpts);


  bundler;
  (is_watch) {
    bundler = watchify(browserify(opts));
  } {
    bundler = browserify(opts);
  }

  rebundle() {
    bundler
      .bundle()
      .pipe(source())
      .pipe(buffer())
      .pipe(sourcemaps.init({loadMaps: }))
      .on(, gutil.log)
      .pipe(sourcemaps.write())
      .pipe(gulp.dest(jsDestPath));
  }

  bundler.on(, () {
    rebundle();
  });
  bundler.on(, (message) {
    console.log(message);
  });
  rebundle();
}

转载于:https://my.oschina.net/soonlive/blog/418590