Gulp.js缩小,uglifies和复制所有文件但仍然在dist文件夹中的应用程序不起作用

问题描述 投票:0回答:1

我正在开发一个项目,这是我第一次尝试用于组织我的Web应用程序。

const gulp = require('gulp');
const imagemin = require('gulp-imagemin');
const uglify = require('gulp-uglify');
const cssminify = require('gulp-cssmin');

// Copies html to dist folder
gulp.task('copyHtml', function(){
    return gulp.src('./*.html')
    .pipe(gulp.dest('dist'));
});

gulp.task('imgOpt', function(){
    return gulp.src('./images/{**\/*.*,*.*}')
    .pipe(imagemin())
    .pipe(gulp.dest('dist/images'))
});
gulp.task('minify', function(){
    return gulp.src('./js/*.js')
    .pipe(uglify().on('error', function(e){
        console.log(e);
    }))
    .pipe(gulp.dest('dist/js'));
});

gulp.task('copyAssets', function(){
    return gulp.src('./assets/**/*.*')
    .pipe(gulp.dest('dist/assets'));
});

gulp.task('copyJSON', function(){
    return gulp.src(['!package.json', '*.json'])
    .pipe(gulp.dest('dist'));
});

gulp.task('minifycss', function(){
    return gulp.src('./css/*.css')
    .pipe(cssminify().on('error', function(e){
        console.log(e);
    }))
    .pipe(gulp.dest('dist/css'));
});

gulp.task('copyFonts', function(){
    return gulp.src('./fonts/**/*.*')
    .pipe(gulp.dest('dist/fonts'));
});

gulp.task('default',['copyHtml', 'imgOpt', 'minifycss', 'minify', 'copyAssets', 'copyJSON', 'copyFonts']);

gulp.task('watch', function(){
    gulp.watch('./*.html',['copyHtml']);
    gulp.watch(['!package.json', '*.json'],['copyJSON']);
    gulp.watch('./fonts/**/*.*',['copyFonts']);
    gulp.watch('./assets/**/*.*',['copyAssets']);
    gulp.watch('./images/{**\/*.*,*.*}',['imgOpt']);
    gulp.watch('./css/*.css',['minifycss']);
    gulp.watch('./js/*.js',['minify']);
});

上面是我的gulpfile.js。当我在git中使用gulp命令处理这个文件时没有任何错误并且'dist'文件夹被创建但是转移到dist文件夹的项目全部搞砸了,看起来很多代码都丢失了。我无法发现问题。

我的所有javascript代码都在ES5中,因为ES6标准是不可接受的,并且在此过程中遇到了错误。

javascript html css node.js gulp
1个回答
0
投票

问题解决了。我很糟糕我使用旧的插件来缩小被剥夺的css。现在一切正常。 只是为了清楚:gulp-minify-css和gulp-cssmin是现在没有使用的旧插件。而不是css缩小gulp-clean-css正在被使用。

https://github.com/jakubpawlowicz/clean-css

© www.soinside.com 2019 - 2024. All rights reserved.