2017-02-07 8 views
1

Я пытаюсь настроить Gulp, чтобы скомпилировать файл SCSS, а также переименовать файл SCSS в процессе - так, например:Глоток - Не могу найти модуль «проглатывать переименование»

Я хочу SCSS/original.scss быть сохранены как CSS/new.css

Это на ОС Windows 10 VM

Я установил Gulp, установленный Глоток-дерзости, которые все работали просто отлично

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 

gulp.task('compile-new-main', function(){ 
return gulp.src('scss/new-main.scss') 
    .pipe(sass()) // Using gulp-sass 
    .pipe(gulp.dest('css')) 
}); 

Выполнения поставленной задачи глотка работает просто отлично, но когда я пытаюсь установить глоток-переименовывать в следующих перерывах задачи:

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var rename = require("gulp-rename"); 

gulp.task('compile-new-main', function(){ 
return gulp.src('scss/new-main.scss') 
    .pipe(sass()) // Using gulp-sass 
    .pipe(rename("styles.css")) 
    .pipe(gulp.dest('css')) 
}); 

я сначала пытался просто установить глоток переименовать с помощью этой команды

npm install gulp-rename 

То же, что я сделал для gulp-sass, который, казалось, работал отлично, как и раньше, явно не так, но я не уверен, как и почему.

Я сделал некоторые Googling и попытался установить его во всем мире, который снова, казался, установить штраф

npm install gulp-rename -g 

И я также видел некоторые рекомендации экономии глотки переименованию как Dev-зависимости, поэтому я попытался

npm install gulp-rename --save-dev 

Снова нет ошибок при установке.

Когда я пытаюсь запустить мой Глоток задачу это сообщение об ошибке я получаю:

Error: Cannot find module 'gulp-rename' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object. (C:\Projects\VAT-Expert\gulpfile.js:3:14) at Module._compile (module.js:570:32) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3)

Я не могу получить мою голову вокруг того, что я сделал неправильно здесь, думаю, я добавил все соответствующая информация здесь - очень ценю любые рекомендации или советы о том, что я мог бы попробовать в этом!

N

+0

Есть ли 'gulp-rename' в вашем каталоге' node_modules'? – Philipp

+0

@Philipp Ahh нет нет - ясно, что он не установлен ... Я попробую все снова и попытаюсь выяснить, почему он не установлен и/или как его установить ... –

ответ

8

Во-первых, убедитесь, что Глоток переименования указан в вашем package.json под dependencies или devDependencies. Затем выполните:

npm uninstall -g gulp 
npm install -g gulp 
rm -rf node_modules 
npm install 

Затем проверьте еще раз.

+0

Nailed это - спасибо @Philipp –