javascript - Gulp不会构建js

标签 javascript gulp

我正在尝试使用 gulp 从 js 源文件夹构建到目标文件夹(我正在考虑在此过程中添加 lint)

但由于某种原因,它没有复制文件。

我希望它将文件从文件夹 jssrc/复制到 js/,但 js/文件夹始终保持为空。

'use strict';

var gulp = require('gulp'),
    runSequence = require('run-sequence'),

    lessPluginAutoPrefix = require('less-plugin-autoprefix'),
    lessAutoPrefix= new lessPluginAutoPrefix({
        browsers: ['last 2 versions', 'ie 10']
    }),

    browserSync = require('browser-sync').create(),
    gutil = require('gulp-util'),
    pkg = require('./package.json'),
    fs = require('fs'),
    plumber = require('gulp-plumber');

function getLocalUrl() {
    try {
        return fs.readFileSync('custom-vhost.txt', 'utf8', function (err, data) {
            if (!err) {
                return data;
            } else {
                return "http://dev.vhost.dev/site/";
            }
        });
    } catch (exception) {
        return "http://dev.vhost.dev/site/";
    }
}

var $ = require('gulp-load-plugins')();

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: getLocalUrl()
    });
});

gulp.task('build-js', function() {
    return gulp.src(['jssrc/**/*.js'])
        .pipe(plumber(function (error) {
            gutil.log(error.message);
            this.emit('end');
        }))
        .pipe(gulp.dest('js/'))
        .pipe(browserSync.reload({stream:true}));
});
gulp.task('build-css', function() {
    return gulp.src(['less/**/*.less', '!_mixins.less', '!_variables.less'])
            .pipe(plumber(function (error) {
                gutil.log(error.message);
                this.emit('end');
            }))
            .pipe($.less({plugins: [lessAutoPrefix]}))
            .pipe(gulp.dest('css/'))
            .pipe(browserSync.reload({stream: true}))
            .pipe($.notify("CSS files created!"));
});

gulp.task('build-js', function() {});

gulp.task('build', function() {
    runSequence(['build-css', 'build-js'], function() {
        console.log('Build Complete!!');
    });
});

gulp.task('watch', function() {
    gulp.watch('less/**/*.less', ['build-css']);
    gulp.watch("jssrc/**/*.js", ['build-js']);

    browserSync.init({
        proxy: getLocalUrl()
    });
});

gulp.task('default', ['build'], function() { });
gulp.task('browser', ['build', 'browser-sync', 'watch'], function () {});

最佳答案

看起来您正在用空任务覆盖 build-js 任务。尝试删除以下行:

gulp.task('build-js', function() {});

关于javascript - Gulp不会构建js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36567221/

相关文章:

javascript - 掌握 JS Promise

javascript - 如何使用 Gulp 复制多个文件并保持文件夹结构

gulp - 我可以使用 Rollup 和 Gulp 有多个入口点吗?

javascript - 如何将 Angular forEach 与 firebase 一起使用

javascript - angular-cli.json 在添加 style.css 时创建错误

javascript - Browserify 无法解析外部文件

html - Gulp、Pug - 如何将 src/directory 的子目录中的所有 .pug 文件编译到/dist,以便它们保持目录层次结构?

javascript - 没有 Gulpfile.js 的 Gulp

javascript - 如何获取 Twitter URL 计数?

javascript - 如何按顺序打印数组中的项目