Visual studio 2015 Visual Studio 2015和Gulp:获取所有子目录中的所有文件

Visual studio 2015 Visual Studio 2015和Gulp:获取所有子目录中的所有文件,visual-studio-2015,sass,gulp,Visual Studio 2015,Sass,Gulp,Gulp没有获取/引用它需要的所有文件,我遇到了一个问题,并且出错了。这是为以前的开发人员工作的,他已经不在我们身边了。gulp方法出错,似乎是引用错误。它似乎无法“看到”资产文件夹中的任何子目录 以下是错误: [08:47:38] Using gulpfile C:\Development...\Gulpfile.js [08:47:38] Starting 'icons'... [08:47:38] Finished 'icons' after 48 ms [08:47:38] Starti

Gulp没有获取/引用它需要的所有文件,我遇到了一个问题,并且出错了。这是为以前的开发人员工作的,他已经不在我们身边了。gulp方法出错,似乎是引用错误。它似乎无法“看到”资产文件夹中的任何子目录

以下是错误:

[08:47:38] Using gulpfile C:\Development...\Gulpfile.js
[08:47:38] Starting 'icons'...
[08:47:38] Finished 'icons' after 48 ms
[08:47:38] Starting 'sass'...
events.js:160
  throw er; // Unhandled 'error' event
  ^
Error: Assets\sass\styles.scss
Error: File to import not found or unreadable: bootstrap
   Parent style sheet: C:/Development/***... on line 5 of     Assets/sass/styles.scss
>> @import 'bootstrap';
以下是我的相关吞咽脚本:

gulp.task('sass', ['icons'], function() {
return gulp.src('./Assets/sass/styles.scss')
    .pipe(sourcemaps.init())
    .pipe(sass({
        includePaths: [
        'bower_components/bootstrap/scss',
        'bower_components/font-awesome/scss',
        'bower_components/bootstrap4-chosen'
        ]
    }))
    .pipe(concat('styles.css'))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./wwwroot/css'))
    .pipe(browserSyncStream());
});
styles.scss:

// Base vendors and variables
@import 'font-awesome';
@import 'variables';
@import 'bootstrap';

// Mixins, utilities and base styles
@import 'mixins';
@import 'utilities';
@import 'base';
以下是文件夹结构:

将@import in style.scs更改为:

@import '../../bower_components/bootstrap/dist/css/bootstrap.css';
给我一个不同的错误:

> Error: Undefined variable: "$font-size-lg".
    on line 38 of Assets/sass/_layout.scss
>>      font-size: $font-size-lg;

似乎这里缺少更多的参考资料。。。我认为gulp脚本并不是通过递归搜索所有子文件夹来获取所有文件。。。我如何巧妙地做到这一点?还是缺少了什么?

您的
sass
任务没有问题。试过了。工作

我的猜测是,您的同事正在使用即将推出的开发版本,但您已经安装了Bootstrap3.x。当前服务器没有
scss
文件夹,因为它仍然使用
less
。如果您只需
bower安装bootstrap
就可以得到3.3.6

确保您的
bower.json中包含以下内容:

"dependencies": {
  "bootstrap": "4.0.0-alpha.2"
}
或直接使用以下工具安装bootstrap 4.0.0:

bower install bootstrap#4.0.0-alpha.2

您通过“bower安装引导”让我找到了正确的答案。。。不知怎的,鲍尔没有安装。。。但是它被安装了。。。真奇怪。。。我可以右键单击我的bower文件夹和“管理bower软件包”,但当我在“软件包管理器控制台”中尝试使用“bower”时。。。它轰炸的任何东西都说鲍尔没有安装。。。安装了bower,然后安装了bootstrap,它通过了那个错误。下一个错误导致我对@include重新排序,因此“变量”和“基”排在第一位。这似乎是最后的解决办法。