프론트 개발 블로그

[Task Runner] Gulp 셋팅 본문

Works

[Task Runner] Gulp 셋팅

maybe.b50 2021. 7. 1. 15:48

Gulp 셋팅 다시 함.

이전 버전은 https://maybe-b50.tistory.com/26

 

파일 구조 

  • dist
  • node_modules
  • src
    • html
      • index.html
    • html_eng
    • img
      • sprite
      • del.jpeg
    • inc
      • bottom.html
      • footer.html
      • header.html
    • js
      • ui.js
    • lib
    • scss
      • component
        • _base.scss
        • _mixin.scss
        • _var.scss
      • vendor
        • _sprite.scss
      • style.scss
  • .gitignore
  • babel.config.js
  • gulpfile.bable.js
  • package-lock.json
  • package.json
  • README.md

 

gulpfile.bable.js

// gulpfile.bable.js
const { series, parallel, src, dest, watch } = require('gulp');
const fileInclude = require('gulp-file-include');
const scss = require('gulp-sass')(require('sass'));
const concat = require('gulp-concat');
const autoprefixer = require('gulp-autoprefixer');
const minifyCSS = require('gulp-clean-css');
const jshint = require('gulp-jshint');
const minifyJS = require('gulp-minify');
const babel = require('gulp-babel');
const spritesmith = require('gulp.spritesmith');
const browserSync = require('browser-sync').create();
const gCached = require('gulp-cached');
const merge = require('merge-stream');
const plumber = require('gulp-plumber');
const notify = require('gulp-notify');
const del = require('del');

 

반응형