gulpを使ったJavaScriptやスタイルシートの結合と圧縮方法

npm install -g gulp

npm install gulp

npm install gulp-concat

const gulp = require('gulp');
const concat = require('gulp-concat');

function task() {
  return gulp.src([
    './src/first.js',
    './src/second.js',
  ])
  .pipe(concat('bind.js'))
  .pipe(gulp.dest('./dest'));
}

exports.task = task;

function putMessage(message) {
  console.log(message);
}

putMessage("abc");

gulp task

function putMessage(message) {
  console.log(message);
}

putMessage("abc");

$ node ./dest/bind.js
abc

npm install gulp-uglify
npm install gulp-rename

const gulp = require('gulp');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
const rename = require('gulp-rename');

function taskmin() {
  return gulp.src([
    './src/first.js',
    './src/second.js',
  ])
  .pipe(concat('bind.js'))
  .pipe(uglify())
  .pipe(rename({
    extname: '.min.js'
  }))
  .pipe(gulp.dest('./dest'));
}

exports.taskmin = taskmin;

gulp taskmin

function putMessage(e){console.log(e)}putMessage("abc");

$ node dest/bind.min.js
abc

npm install gulp-clean-css
npm install gulp-rename

const gulp = require('gulp');
const cleanCSS = require('gulp-clean-css');
const rename = require('gulp-rename');

function taskcssmin() {
  return gulp.src([
    './src/h.css',
  ])
  .pipe(cleanCSS())
  .pipe(rename({
    extname: '.min.css'
  }))
  .pipe(gulp.dest('./dest'));
}

exports.taskcssmin = taskcssmin;

h1 {
    font-size: 16px;
}

h2 {
    font-size: 14px;
}

p {
    margin-top: 1rem;
}

gulp taskcssmin

h1{font-size:16px}h2{font-size:14px}

const gulp = require('gulp');
const concat = require('gulp-concat');
const cleanCSS = require('gulp-clean-css');
const rename = require('gulp-rename');

function taskcssmin() {
  return gulp.src([
    './src/h.css',
    './src/p.css',
  ])
  .pipe(concat('style.css'))
  .pipe(cleanCSS())
  .pipe(rename({
    extname: '.min.css'
  }))
  .pipe(gulp.dest('./dest'));
}

exports.taskcssmin = taskcssmin;

gulp taskcssmin

h1{font-size:16px}h2{font-size:14px}p{margin-top:1rem}