前端学习（1303）:复制文件夹

最新推荐文章于 2024-10-26 10:40:57 发布

原创最新推荐文章于 2024-10-26 10:40:57 发布 · 365 阅读

0 ·

CC 4.0 BY-SA版权

歌谣--前端学习--总进程同时被 2 个专栏收录

2758 篇文章

订阅专栏

歌谣--前端学习--gulp

6 篇文章

订阅专栏

本文探讨了前端开发中如何实现文件夹复制的详细步骤和技术要点，包括涉及的API使用、文件读取与写入、以及可能出现的问题和解决方案。

const gulp = require('gulp');
const htmlmin = require('gulp-htmlmin');
const fileinclude = require('gulp-file-include');
const less = require('gulp-less');
const csso = require('gulp-csso');
const babel = require('gulp-babel');
gulp.task('first', () => {
    console.log('第一次执行');

});

gulp.task('htmlmin', () => {
    gulp.src('./src/*.html')
        //压缩去其中的代码
        .pipe(fileinclude())
        .pipe(htmlmin({ collapseWhitespace: true }))
        .pipe(gulp.dest('dist'));
});
gulp.task('cssmin', () => {
    gulp.src('./src/*.less')
        .pipe(less())
        .pipe(gulp.dest('dist/css'))

});
gulp.task('jsmin', () => {
    gulp.src('./src/*.js')
        .pipe(babel({
            presets: ['@babel/env']
        }))
        .pipe(gulp.dest('dist'))

});
gulp.task('copy', () => {
    gulp.src('./src/img/*')

    .pipe(gulp.dest('dist'))

});
//构建任务
gulp.task('default', ['htmlmin', 'ccsmin', 'jsmin', 'copy'])

运行结果