web front end Automation Tools

1.

2.

3.

4.

var gulp = require(gulp),n livereload = require(gulp-livereload),ntbrowserSync = require(browser-sync);nngulp.task(html, function() {n livereload.listen();n gulp.watch(src/*.html, function(file){n console.log(file);n gulp.src(file.path)n .pipe(livereload());n });n});nngulp.task(browser-sync, function() {n browserSync.init({nttserver:{ntttbaseDir:"./"ntt}nt});n});nngulp.task(watch, function() {ntlivereload.listen();ntgulp.watch(src/*.html, [html]);ntgulp.watch(src/**, [browser-sync]);n});nngulp.task(default,[watch],[html],[browser-sync]);n

##

##

const gulp = require(gulp), n livereload = require(gulp-livereload),n browserSync = require(browser-sync); nngulp.task(html, function() { n livereload.listen(); n gulp.watch(src/*.html, function(file){ n console.log(file);n gulp.src(file.path) .pipe(livereload()); n }); n}); nngulp.task(browser-sync, function() { n browserSync.init({ server:{ baseDir:"./" } }); n}); nngulp.task(watch, function() { n livereload.listen(); n gulp.watch(src/*.html, [html]); n gulp.watch(src/**, [browser-sync]); n}); nngulp.task(default,[watch, html,browser-sync]);n

more coming soon ...

webpack 2

yarn


推薦閱讀:

編寫自己的Webpack Loader
使用vue-cli,還有必要學習webpack嗎?
Egg + Vue 服務端渲染工程化實現

TAG:精通web前端 | gulp | webpack |