在Visual Studio 2017中,尝试使用Gulp将SASS
编译添加到使用this教程的netcore2
项目时,我遇到了Task Runner Explorer的问题。在我想要添加gulp的项目中,任务运行器不显示任何任务。
如果我尝试将Gulpfile.js
添加到其他netcore 2项目,它是较旧的或新创建的,我可以看到bundleconfig.json
中的一些任务和{{{{{}的空任务列表1}}。
在所有这些项目中,我有一个相同的Gulpfile.js
,如下所示:
gulpfile.js
我可以使用PowerShell命令行运行gulp作业,并且他们正确编译我的/*
This file is the main entry point for defining Gulp tasks and using Gulp plugins.
Click here to learn more. https://go.microsoft.com/fwlink/?LinkId=518007
*/
var gulp = require('gulp');
var sass = require('gulp-sass');
var paths = {
webroot: "./wwwroot/",
sass: "./wwwroot/scss/",
css: "./wwwroot/css/"
};
gulp.task('scss', function ()
{
return gulp.src(paths.sass + '/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest(paths.webroot + 'css/'));
});
gulp.task('watch', function ()
{
gulp.watch(paths.sass + '**/*.scss', ["scss"]);
});
,这意味着scss
有效。
根据其他Stack Overflow问题/答案,我试过:
gulpfile.js
src nodejs
VS2017扩展程序npm task runner
VS2017扩展程序Bundler & Minifier
没有npm install
的行我可以找到我被告知尝试修复的地方,但我确实尝试过。
以上都没有解决它。有没有人遇到这个问题并以上述方式以外的方式修复它?有谁知道为什么会这样,我做错了什么?
答案 0 :(得分:2)
我设法让它发挥作用。 我不确切知道哪个步骤解决了我的问题,但我按此顺序完成了所有操作:
Bundler & Minifier
vs扩展名npm task runner
vs扩展名bundleconfig.json
- > Bundler & minifier
- > Convert to Gulp
。这将安装gulp并在项目的根目录生成gulpfile.js
。gulpfile.js
- > Task runner explorer
答案 1 :(得分:0)
对我来说,此修复程序是在本地运行Gulp的。
我尝试在全球范围内运行它,但是没有用。
答案 2 :(得分:0)
answer by @mathieu-viales 激励我做以下也有效: