usemin dev () не работает с файлом .js - PullRequest
0 голосов
/ 19 мая 2018

Я использую задачу gulp для создания версий и извлечения файлов CSS и JavaScript, однако это не версия файлов .js, и у меня нет объяснений, потому что они просто не выдают ни ошибок, ни предупреждений.Есть идеи, как это решить?

// build.js file
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'),
    gutil = require('gulp-util');

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

gulp.task('optimizeImages', ['deleteDistFolder'], function() {
    return gulp.src(["./travel-app/assets/images/**/*",
                "!./travel-app/assets/images/icons",
                "!./travel-app/assets/images/icons/**/*",
            ])
                .pipe(imagemin({
                    progressive: true,
                    interlaced: true,
                    multipass: true
                }))
                .pipe(gulp.dest("./dist/assets/images"));
});

gulp.task('usemin', ['deleteDistFolder'], function() {
    return gulp.src("./travel-app/index.html")
                .pipe(usemin({
                    css: [  function() {return rev()}, 
                            function() {return cssnano()}
                         ],
                    js: [   function() {return uglify()}, 
                                function() {return rev()}
                        ]
                }))
                
                .pipe(gulp.dest("./dist"))
});

gulp.task('build', ['deleteDistFolder', 'optimizeImages', 'usemin']);
<!-- html blocks -->

  <!-- build:css /assets/styles/styles.css -->
  <link rel="stylesheet" href="temp/styles/styles.css">
  <!-- endbuild -->

  <!-- build:js /assets/scripts/Vendor.js -->
  <script src="/temp/scripts/Vendor.js"></script>
  <!-- endbuild -->

  <!-- build:js /assets/scripts/App.js -->
  <script src="/temp/scripts/App.js"></script>
  <!-- endbuild -->

1 Ответ

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

Нашел решение здесь: https://stackoverflow.com/a/50333361/7559928

Кажется, проблема связана с использованием ES6, поэтому лучше использовать пакет gulp-uglify-es.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...