Gulp Paquet JSON
J'ai créé une démo à l'aide de GULP, mais face à des questions pour exécuter le gulp fichier js.
Processus d'installation:
sudo npm init
sudo npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename --save-dev
sudo npm install --save-dev gulp
Console En Garde:
mnbcvd3456:glp user$ sudo npm install gulp
npm WARN package.json gulp@3.8.6 No repository field.
npm WARN install Refusing to install gulp as a dependency of itself
paquet.JSON:
{
"name": "gulp",
"version": "3.8.6",
"description": "Gulp Demo",
"main": "index.js",
"directories": {
"doc": "doc"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "User",
"license": "ISC",
"devDependencies": {
"gulp-concat": "^2.3.3",
"gulp-jshint": "^1.7.1",
"gulp-rename": "^1.2.0",
"gulp-sass": "^0.7.2",
"gulp-uglify": "^0.3.1"
}
}
Gulp.js fichier.
//Include gulp
var gulp = require('gulp');
//Include Our Plugins
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
//Lint Task
gulp.task('lint', function() {
return gulp.src('js/*.js')
.pipe(jshint())
.pipe(jshint.reporter('default'));
});
//Concatenate & Minify JS
gulp.task('scripts', function() {
return gulp.src('js/*.js')
.pipe(concat('all.js'))
.pipe(gulp.dest('dist'))
.pipe(rename('all.min.js'))
.pipe(uglify())
.pipe(gulp.dest('dist'));
});
//Watch Files For Changes
gulp.task('watch', function() {
gulp.watch('js/*.js', ['lint', 'scripts']);
});
//Default Task
gulp.task('default', ['lint', 'scripts', 'watch']);
Maintenant, Si suis en train de lancer mon gulp js fichiers, à l'aide de la commande "gulp". puis son thowing une erreur:
mnbcvd3456:glp user$ gulp
module.js:340
throw err;
^
Error: Cannot find module 'gulp'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:364:17)
at require (module.js:380:17)
at Object.<anonymous> (/Users/glp/gulpfile.js:5:12)
at Module._compile (module.js:456:26)
at Object.Module._extensions..js (module.js:474:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:312:12)
at Module.require (module.js:364:17)
OriginalL'auteur user1853128 | 2014-07-15
Vous devez vous connecter pour publier un commentaire.
Le problème, c'est que vous avez nommé le "nom" "gulp".
Changer votre "nom" pour tout ce que vous voulez, mais "gulp".
Vous pouvez aussi voir ceci:
https://github.com/npm/npm/issues/13898
OriginalL'auteur GuoxUnqiue
Je pense que le problème est peut-mbe que vous avez à la fois des installations sur le même niveau. Donc, à la fois grognement et gulp essayez d'accéder emballage.json.
Essayez de les installer dans des dossiers différents.
Aussi, installer gulp à l'échelle mondiale, alors que localement sur un dossier différent de celui de grunt, créer un paquet vide comme ceci:
et d'ajouter des plugins pour dev comme ceci (en ligne de commande sur le dossier où se trouve votre colis.json est: npm install --save-dev nom_plugin
Plus: pourquoi allez-vous utiliser les deux grunt & gulp ?
Ok, donc ce que tu veux dire avec "mais confronté à un problème lors de l'exécution de la "grunt" commande et lors de l'installation de gulp" <--- grunt ?
ajout de nouvelles lignes dans ma question pour comprendre plus clairement... Peut-être ce sera vous aider à comprendre mon problème...
Votre nom de fichier est erroné. N'est pas Gulp.js mais gulpfile.js Essayez ça !
OriginalL'auteur avcajaraville