Angularjs Gulp不会生成预期的Css和Html文件夹

命令提示符中的gulp build命令在dist文件夹中创建一个文件夹js和一个文件scripts.js。但是Css和Html并没有创建相同的内容。我的css和Html文件夹至少有一个文件，并且不是空的

const gulp = require('gulp');
const concat = require('gulp-concat');
const browserSync = require('browser-sync').create();

const scripts = require('./scripts');
const styles = require('./styles');

var devMode = false;



gulp.task('css',function(){
    gulp.src(styles)
        .pipe(concat('main.css'))
        .pipe(gulp.dest('./dist/css'))
        .pipe(browserSync.reload({
            stream : true
    }))
});

gulp.task('js',function(){
    gulp.src(scripts)
        .pipe(concat('scripts.js'))
        .pipe(gulp.dest('./dist/js'))
        .pipe(browserSync.reload({
            stream : true
    }))
});

gulp.task('html',function(){
    gulp.src('./src/templates/**/*.html')
        .pipe(gulp.dest('./dist/html'))
        .pipe(browserSync.reload({
            stream : true
    }))
});

gulp.task('build',function(){
    gulp.start(['css','js','html'])
});

gulp.task('browser-sync',function(){
    browserSync.init(null,{
        open : false,
        server : {
            baseDir : 'dist'
        }
    })
});

gulp.task('start',function(){
    devMode = true;
    gulp.start(['build','browser-sync']);
    gulp.watch(['./src/css/**/*.css'],['css']);
    gulp.watch(['./src/js/**/*.js'],['js']);
    gulp.watch(['./src/templates/**/*.html'],['html']); 
});

---

我建议您将yeoman与发电机一起使用，例如，这样您就不必花费时间来构建吞咽任务。喷泉有一个非常好的大口设置，你可以根据需要定制

---

当使用

gulp.src

加载文件时，您需要传递文件的路径，这里您只提到了

gulp.src（require（./style））

，我不确定这是否可行。而是传递，

gulp.src（'***.css'）

，它将扫描所有文件夹并获取所有

.css

文件

你能提供你的应用程序/目录结构吗？我提供了一个指向项目结构的链接。我是gulp新手，所以从基础开始。我的styles.js文件[“/src/css/***.css”]中有这一行，这应该是你提到文件路径的问题

/

将指向当前目录，不需要添加

src

。在您提到的项目结构中，

/css/*.css

将包括css文件夹中的所有文件，这些文件应该适合您。