ブラウザシンクだけの gulpfile.js メモ - Web

gulp とbrowser–sync のインストール

インストールするディレクトリに移動し、npm install

npm i -D gulp browser-sync

1	npm i -D gulp browser-sync

gulpfile.js の作成

ディレクトリにgulpfile.js を作成

gulpfile.js

var gulp = require('gulp');
var browserSync = require('browser-sync');

//Browser Sync
gulp.task('browser-sync', () => {
  browserSync({
    server: {
      baseDir: './'
    }
  });
  gulp.watch('**/*.html', ['reload']);
  gulp.watch('**/*.css', ['reload']);
});
gulp.task('reload', () => {
  browserSync.reload();
});

gulp.task('default', [
  'browser-sync'
]);

var gulp = require('gulp');

var browserSync = require('browser-sync');

//Browser Sync

gulp.task('browser-sync', () => {

browserSync({

server: {

baseDir: './'

}

});

gulp.watch('**/*.html', ['reload']);

gulp.watch('**/*.css', ['reload']);

});

gulp.task('reload', () => {

browserSync.reload();

});

gulp.task('default', [

'browser-sync'

]);

実行

gulp で起動

gulp

gulp

コメントはこちらからコメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

gulp とbrowser–sync のインストール

gulpfile.js の作成

実行

関連記事

コメントはこちらから コメントをキャンセル

コメントはこちらからコメントをキャンセル