html

gulpfile.js

@@ -14,6 +14,7 @@ const svgstore = require('gulp-svgstore');
 const svgmin = require('gulp-svgmin');
 const path = require('path');
 const cheerio = require('gulp-cheerio');
+const fileinclude = require('gulp-file-include');
 
 // Запуск `NODE_ENV=production gulp [задача]` приведет к сборке без sourcemaps
 const isDev = !process.env.NODE_ENV || process.env.NODE_ENV == 'dev';
@@ -49,6 +50,7 @@ gulp.task('copy:css', function() {
 
 // Копирование и оптимизация изображений
 gulp.task('img', function () {
+  console.log('---------- копирование и оптимизация картинок');
   return gulp.src('src/img/*.{jpg,jpeg,gif,png,svg}')
     .pipe(imagemin({
         progressive: true,
@@ -60,8 +62,8 @@ gulp.task('img', function () {
 
 // Сборка SVG-спрайта
 gulp.task('svgstore', function () {
-  return gulp
-    .src('src/img/svg_sprite/*.svg')
+  console.log('---------- сборка SVG спрайта');
+  return gulp.src('src/img/svg_sprite/*.svg')
     .pipe(svgmin(function (file) {
       return {
         plugins: [{
@@ -78,6 +80,15 @@ gulp.task('svgstore', function () {
     .pipe(gulp.dest('build/img'));
 });
 
+gulp.task('html', function() {
+  return gulp.src('src/*.html')
+    .pipe(fileinclude({
+      prefix: '@@',
+      basepath: '@file'
+    }))
+    .pipe(gulp.dest('build/'));
+});
+
 // Очистка папки сборки
 gulp.task('clean', function () {
   return del([

package.json

@@ -7,12 +7,14 @@
   },
   "author": "Nikolay Gromov",
   "license": "MIT",
+  "repository": "nicothin/start-project--gulp",
   "devDependencies": {
     "del": "^2.2.0",
     "gulp": "github:gulpjs/gulp#4.0",
     "gulp-cheerio": "^0.6.2",
     "gulp-cssnano": "^2.1.1",
     "gulp-debug": "^2.1.2",
+    "gulp-file-include": "^0.13.7",
     "gulp-if": "^2.0.0",
     "gulp-imagemin": "^2.4.0",
     "gulp-less": "^3.0.5",

src/_include/README.md

+Файлы, вставляемые внутрь других HTML-файлов при сборке страниц.
\ No newline at end of file

src/_include/page_bottom.html

+<!-- <script src="js/script.min.js"></script> -->

src/_include/page_footer.html

+<footer class="page-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-xs-4">
+        Копирайт
+      </div>
+      <div class="col-xs-8">
+        Информация к размышлению над судьбой хомяка в вакууме.
+      </div>
+    </div>
+  </div>
+</footer>
\ No newline at end of file

src/_include/page_head.html

+<!-- <meta name="viewport" content="width=1000"> -->
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+<link href="css/style.min.css" rel="stylesheet" media="screen">
+
+<script>
+  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
+</script>
+
+<link href="/favicon.ico" rel="icon" type="image/x-icon">
+<link rel="icon" sizes="192x192" href="img/favicons/favicon-192x192.png">
+<link rel="apple-touch-icon-precomposed" sizes="180x180" href="img/favicons/apple-touch-icon-180x180.png">
+<link rel="apple-touch-icon-precomposed" sizes="152x152" href="img/favicons/apple-touch-icon-152x152.png">
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/favicons/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon-precomposed" sizes="120x120" href="img/favicons/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/favicons/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon-precomposed" sizes="76x76" href="img/favicons/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/favicons/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon-precomposed" href="img/favicons/apple-touch-icon-57x57.png">
+<meta name="theme-color" content="#2b2f38">
+<meta name="msapplication-TileColor" content="#2b2f38">
+<meta name="msapplication-TileImage" content="img/favicons/mstile-144x144.png">

src/_include/page_header.html

+<header class="page-header">
+  <div class="container">
+    <div class="row">
+      <div class="col-xs-4">
+        Логотип
+      </div>
+      <div class="col-xs-8">
+        Навигация
+      </div>
+    </div>
+  </div>
+</header>
\ No newline at end of file

src/index.html

+<!DOCTYPE html>
+<html class="no-js" lang="ru">
+
+<head>
+
+<meta charset="utf-8">
+
+<title>Заголовок</title>
+<meta name="description" content="">
+
+@@include('_include/page_head.html')
+
+</head>
+
+
+
+<body>
+
+@@include('_include/page_header.html')
+
+<h1>Заголовок h1</h1>
+
+
+@@include('_include/page_footer.html')
+@@include('_include/page_bottom.html')
+
+</body>
+</html>