次の 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] 「wiredep」を開始しています...
[16:11:31] ./bower_components/ から Bower コンポーネントを配置しています./Views/Shared/_Layout.cshtml で
[16:11:31] 'wiredep' は 5.7 ミリ秒後にエラーになりました
プロセスはコード 1 で終了しました。
[16:11:31] ReferenceError: $ は定義されていません
$ が定義されていないのはなぜですか? どうすれば定義できますか?
私が試したのは"jquery": "2.1.4",
、package.json の devDependencies に追加することです。