$未在Gulp任务中定义。

Question

我有以下package.json文件：

{
  "name": "ASP.NET",
  "version": "1.0.0",
  "devDependencies": {
    "gulp": "3.8.11",
    "gulp-inject": "1.5.0",
    "gulp-util": "3.0.6",
    "gulp-print": "1.1.0",
    "gulp-cssmin": "0.1.7",
    "gulp-uglify": "1.2.0",
    "gulp-load-plugins": "0.9.0",
    "del": "1.2.0",
    "wiredep": "3.0.0-beta",
    "jshint": "2.8.0",
    "jshint-stylish": "2.0.1"
  }
}

var gulp = require('gulp'),
    util = require('gulp-util'),
    print = require('gulp-print'),
    inject = require('gulp-inject'),
    del = require('del'),
    cssmin = require('gulp-cssmin'),
    jshint = require('gulp-jshint')
    uglify = require('gulp-uglify'),
    wiredep = require('wiredep').stream,
    bowerJson = require('./bower.json')
    gulp = require('gulp'),
    project = require('./project.json');

gulp.task('wiredep', function () {
    log('Placing Bower Components from ' + paths.bowerComponents + ' in ' + paths.layoutPage)
    return gulp
        .src(paths.layoutPage)
        .pipe(wiredep({
            bowerJson: bowerJson,
            directory: paths.bowerComponents,
            ignorePath: '../..'
        }))
        .pipe($.inject(gulp.src([
            paths.jsMain,
            paths.jsContent])))
        .pipe(gulp.dest(paths.layoutPage));
});

当我为bower.json运行此任务时，会得到以下错误：

16:11:31使用gulpfile C:\MyProject\src\MyProject\Gulpfile.js 16:11:31开始‘连线’. 16:11:31将Bower组件放置在./bower_ Components / in ./Views/Shared/_Layout.cshtml中 16:11:31‘线在5.7毫秒后出错 进程以代码1终止。 16:11:31 ReferenceError：$未定义

为什么没有定义$，我如何定义它？

我尝试的是将"jquery": "2.1.4",添加到devDependencies in package.json中。

Answer 1

通过阅读 documentation的 documentation部分，我发现我不需要在它前面放置一个$。需要注入和引用它直接工作。例如，

var inject = require('gulp-inject'),

gulp.task('inject', ['wiredep'], function () {
    log('Wire up the css and js into ' + paths.layoutPage);
    return gulp
        .src(paths.layoutPage)
        .pipe(inject(gulp.src([paths.js, paths.css], { read: false }), { ignorePath: project.webroot }))
        .pipe(gulp.dest(paths.layoutPagePath));
});

直接使用$，我认为可以使用var $ = require('jquery')并将jquery添加到package.json中。如果我错了就纠正我。

Answer 2

刚才我的项目也发生了这个phenomenon.Last，我发现gulp缺少一个名为‘gulp plugins’的插件；在安装它之后，我们应该声明它是为了将来自package.json的所有插件放入$字符；它是var $=require(‘gulp plugins’)()；