我尝试在Visual Studio Code中设置一个带有gulp预处理的项目。 我已经使用npm安装了gulp:npm install gulp --save en也在全局安装了它。
在我的gulpfile.js中添加了一些任务,并在Studio Code中填写了tasks.json文件,其中包含详细信息。
当我运行脚本时,Studio会继续说'gulp不被识别为内部命令'。我添加'NODE_PATH'作为系统变量,我可以通过命令行手动启动gulp。 (npm run gulp)。
我做错了什么?
添加了脚本:gulp:gulp到我的package.json(如https://stackoverflow.com/a/32569658/4548006所示)
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var pump = require('pump');
var pug = require('gulp-pug2');
var stylus = require('gulp-stylus');
gulp.task('default', function(){
gulp.watch([
'app/app.js',
'app/routes/routes.js',
'app/controllers/**.js',
'app/directives/**.js',
'app/services/**.js',
'app/libs/**.js',], ['scripts', 'scripts-minify']);
gulp.watch([
'app/partials/**.pug',
'app/index.pug'], ['views-compile']);
gulp.watch([
'app/style/**.style'], ['stylus']);
})
gulp.task('stylus', function(){
return gulp.src([
'app/style/**.style'
])
.pipe(stylus({
compress:true
}))
.pipe(gulp.dest('app/views/css/'))
})
gulp.task('views-compile', function(){
return gulp.src([
'app/partials/**.pug',
'app/index.pug'
])
.pipe(pug.compile())
.pipe(gulp.dest('app/views'))
})
gulp.task('scripts', function(){
return gulp.src([
'app/app.js',
'app/routes/routes.js',
'app/controllers/**.js',
'app/directives/**.js',
'app/services/**.js',
'app/libs/**.js']
)
.pipe(concat('scripts.js'))
.pipe(gulp.dest('app/scripts/'))
})
gulp.task('scripts-minify', function(){
return gulp.src([
'app/scripts/scripts.js']
)
.pipe(concat('scripts.min.js'))
.pipe(uglify())
.pipe(gulp.dest('app/scripts/'))
});
{
"version": "0.1.0",
"command": "gulp",
"isShellCommand": true,
"tasks": [
{
"taskName": "default",
"isBuildCommand": true,
"showOutput": "always",
"isWatching": true
}
]
}