сделать index.html для каждой отдельной папки с помощью gulp-usemin - PullRequest
Новая
       9

сделать index.html для каждой отдельной папки с помощью gulp-usemin

0 голосов
/ 09 мая 2018

Я Front-end Newbi и это мой первый вопрос Я сейчас пытаюсь использовать gulp-usemin.

Понятия не имею, как сделать index.html для каждого каталога.

Это мой текущий каталог: 

|
+- CLM
|   +- TestFoder1
|          +-css
|             +-styles.css
|          +-js
|            +-script.js
|          +-index.html
|   +- TestFoder2
|          +-css
|             +-styles.css
|          +-js
|            +-script.js
|          +-index.html
+-gulpfile.js
+-package.json

И я хочу создать папку dist с gulp-usemin следующим образом: 

|
+- dist
|   +- TestFoder1
|          +-css
|             +-styles.css
|          +-js
|          +-index.html
|   +- TestFoder2
|          +-css
|             +-styles.css
|          +-js
|          +-index.html

Но я не могу этого сделать. Только один .html файл вышел. Я понятия не имею, что делать.

А это мой code: 

  var gulp = require('gulp'),
  imagemin = require('gulp-imagemin'),
  del = require('del'),
  usemin = require('gulp-usemin'),
  rev = require('gulp-rev'),
  cssnano = require('gulp-cssnano'),
  uglify = require('gulp-uglify'),
  browserSync = require('browser-sync').create();

var slide = ['TestFolder1', 'TestFolder2', 'TestFolder3'];
var presentationName = 'CLM';

gulp.task('deleteDistFolder', function() {
  return del('./dist');
});

gulp.task('optimizeImages', function() {
  for (let i = 0; i < slide.length; i++) {
    gulp
      .src('./' + presentationName + '/' + slide[i] + '/images/*')
      .pipe(
        imagemin({
          progressive: true,
          interlaced: true,
          multipass: true,
        })
      )
      .pipe(gulp.dest('./dist/' + slide[i] + '/images'));
  }
});

gulp.task('usemin', ['deleteDistFolder'], function() {
  for (var i = 0; i < slide.length; i++) {
    gulp
      .src('./' + presentationName + '/' + slide[i] + '/*.html')
      .pipe(usemin({
  css: [function() {return rev()}, function() {return cssnano()}],
  js: [function() {return rev()}, function() {return uglify()}]
}))
.pipe(gulp.dest("./dist"));
  }
});
gulp.task('build', ['deleteDistFolder', 'optimizeImages', 'usemin']);
...