Efficiently load JS

changelog.md

@@ -72,4 +72,6 @@
 
 1.0.1 - Фикс отсутствующей зависимости
 
-1.1.0 - Правки файла манифеста. Подключение библиотеки для сбрасывания стилей, а также дефолтные стили в `_base.sass` и стили для подключения шрифтов.
+1.1.0 - Правки файла манифеста. Подключение библиотеки для сбрасывания стилей, а также дефолтные стили в `_base.sass` и стили для подключения шрифтов.
+
+1.2.0 – Более эффективная загрузка скриптов с `defer` в теге `head`. Перенос манифеста в `build`. Исправление ошибки с загрузкой *sanitize.css*

dev/js/libs.js

@@ -1 +1 @@
-// @@include('../../node_modules/YOUR_LIBRARY')
+@@include('../../node_modules/YOUR_LIBRARY')

dev/pug/assets/_scripts.pug

@@ -1,5 +1,5 @@
 //- Файл библиотек
-script(src="js/libs.min.js")
+script(defer src="js/libs.min.js")
 
 //- Основной файл сценариев
-script(src="js/common.min.js")
+script(defer src="js/common.min.js")

dev/pug/index.pug

@@ -4,6 +4,6 @@ html(lang="ru", prefix="og: http://ogp.me/ns#")
 		title Document
 		include assets/_metas
 		include assets/_links
+		include assets/_scripts
 	body
-		.page-wrapper
-		include assets/_scripts
+		.page-wrapper

dev/sass/_libs.sass

@@ -1,3 +1,3 @@
 // Sanitize.css - сбрасывание стилей для всех браузеров
-@import '../../node_modules/sanitize.css/sanitize.css'
-@import '../../node_modules/sanitize.css/forms.css'
+@import '../../node_modules/sanitize.css/sanitize'
+@import '../../node_modules/sanitize.css/forms'

gulpfile.js

@@ -1,7 +1,7 @@
 /*
  * Gulp Pure Start © 2017 – 2019, Nikita Mihalyov <nikita.mihalyov@gmail.com>
  * ISC Licensed
- * v1.1.0
+ * v1.2.0
  */
 
 'use strict';
@@ -204,8 +204,14 @@ gulp.task('browser-sync', () => {
 	});
 });
 
+// Переносим файл манифеста в папку build
+gulp.task('manifest', () => {
+	return gulp.src(`${dev}/manifest.json`)
+	.pipe(gulp.dest(`${build}/`));
+});
+
 // Следим за изменениями файлов и вывполняем соответствующие таски
-gulp.task('default', gulp.parallel('sass', 'img', 'pug', 'jsLibs', 'scripts', 'fonts', 'browser-sync', () => {
+gulp.task('default', gulp.parallel('sass', 'img', 'pug', 'jsLibs', 'scripts', 'fonts', 'manifest', 'browser-sync', () => {
 	// стили
 	gulp.watch(`${dev}/**/*.sass`, gulp.series('sass'));
 	// разметка
@@ -218,6 +224,8 @@ gulp.task('default', gulp.parallel('sass', 'img', 'pug', 'jsLibs', 'scripts', 'f
 	gulp.watch(`${dev}/fonts/**/*`, gulp.series('fonts'));
 	// изображения
 	gulp.watch(`${dev}/img/**/*`, gulp.series('img'));
+	// манифест
+	gulp.watch(`${dev}/manifest.json`, gulp.series('manifest'));
 }));
 
 // Удаляем все лишние файлы: '.gitkeep', 'changelog.md' и 'readme.md'
@@ -238,18 +246,18 @@ gulp.task('clear', async () => {
 // Собираем наш билд в продакшен
 gulp.task('prod', gulp.series('clean', 'img', '_sass', '_pug', 'jsLibs', '_scripts', async () => {
 	// Собираем JS-библиотеки
-	let buildJsLibs = gulp.src(`${build}/js/libs.min.js`)
+	gulp.src(`${build}/js/libs.min.js`)
 	.pipe(gulp.dest(`${prod}/js`));
 
 	// Собираем шрифты
-	let buildFonts = gulp.src(`${dev}/fonts/**/*`)
+	gulp.src(`${dev}/fonts/**/*`)
 	.pipe(gulp.dest(`${prod}/fonts`));
 
 	// Собираем изображения
-	let buildImages = gulp.src(`${build}/img/**/*`)
+	gulp.src(`${build}/img/**/*`)
 	.pipe(gulp.dest(`${prod}/img`));
 
 	// Собираем manifest.json
-	let buildManifest = gulp.src(`${dev}/manifest.json`)
+	gulp.src(`${dev}/manifest.json`)
 	.pipe(gulp.dest(`${prod}/`));
 }));

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "gulp-pure-start",
-	"version": "1.1.0",
+	"version": "1.2.0",
 	"description": "Start your project with 'Gulp Pure Start' easily then ever!",
 	"main": "gulpfile.js",
 	"keywords": [

readme.md

@@ -1,6 +1,6 @@
 # Gulp Pure Start
 
-v1.1.0
+v1.2.0
 ![Gulp Pure Start logo](https://drive.google.com/uc?export=view&id=0B7lALWrgWMxpWkJ6a09MdnVYdmc)
 
 **Gulp Pure Start** позволяет легко и быстро начать работу над проектом с использованием сборщика Gulp.