Gruntfile.js

#!/usr/bin/env node
'use strict'

const pkg = require('./package.json')

const plugins = [
  'grunt-contrib-clean',
  'grunt-contrib-connect',
  'grunt-contrib-cssmin',
  'grunt-contrib-htmlmin',
  'grunt-contrib-watch',
  'grunt-replace',
]

const clean = {
  cssmin: ['public/sinanbolel.min.css'],
  release: ['public/release/*.js'],
}

const connect = {
  client: {
    options: {
      base: 'public',
      livereload: true,
      open: {
        appName: 'Google Chrome',
        target: 'http://localhost:3000',
      },
      port: 3000,
    },
  },
}

const cssmin = {
  options: {
    keepSpecialComments: false,
    shorthandCompacting: true,
    sourceMap: false,
  },
  target: {
    files: {
      'public/<%= pkg.name %>.min.css': [
        'src/css/base.css',
        'src/css/icons.css',
        'src/css/buttons.css',
        'src/css/tooltip.css',
      ]
    },
  },
}

const htmlmin = {
  dist: {
    options: {
      removeComments: true,
      collapseWhitespace: true,
    },
    files: { 'public/index.html': 'src/index.html', }
  }
}

const watch = {
  src: {
    files: ['src/css/*.css', 'src/index.html'],
    tasks:['cssmin', 'htmlmin', 'replace'],
  },
  html: {
    files: ['public/index.html'],
    options: {
      livereload: true,
    },
  },
}

module.exports = ({
  initConfig,
  loadNpmTasks,
  option,
  registerTask,
 }) => {
  const replace = {
    dist: {
      options: {
        patterns: [{
          match: '/*__MINIFIED_CSS__*/',
          replacement: '<%= grunt.file.read("public/sinanbolel.min.css") %>',
        }],
        prefix: '',
        usePrefix: false,
      },
      files: [
        {
          dest: 'public/',
          expand: true,
          flatten: true,
          src: ['public/index.html'],
        }
      ]
    }
  }

  initConfig({ clean, connect, cssmin, htmlmin, pkg, replace, watch })
  plugins.forEach(loadNpmTasks)
  registerTask('serve', ['connect', 'watch'])
  registerTask('build', ['cssmin', 'htmlmin', 'replace'])
  registerTask('default', ['build', 'serve'])
}