Visual studio 2015 Visual Studio 2015和Gulp:获取所有子目录中的所有文件
Gulp没有获取/引用它需要的所有文件,我遇到了一个问题,并且出错了。这是为以前的开发人员工作的,他已经不在我们身边了。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
[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重新排序,因此“变量”和“基”排在第一位。这似乎是最后的解决办法。