Gulp找不到模块“gulp rename”

Question

我试图设置Gulp来编译SCSS文件，并在过程中重命名SCSS文件--例如：

我希望SCSS/original.scss被保存为CSS/new.css

这是在Windows 10 VM上

我安装了Gulp，安装了gulp sass，都工作得很好

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'))
 });

运行上面的gulp任务工作得很好，但是当我尝试安装gulp时，下面的任务中断了：

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'))
 });

我最初尝试使用以下命令安装gulp重命名

npm install gulp-rename

就像我对狼吞虎咽的做法一样，这似乎和以前一样好，显然不是，但我不知道怎么做，也不知道为什么。

我已经做了一些谷歌搜索，并尝试在全球安装它，这似乎再次安装很好

npm install gulp-rename -g

我还看到了一些建议，建议将gulp重命名作为开发依赖项，所以我尝试了一下。

npm install gulp-rename --save-dev

同样，在安装中没有错误。

当我尝试运行我的gulp任务时，这是我得到的错误消息：

错误:无法在Function.Module._resolveFilename (module.js:469:15)、Function.Module._load (module.js:417:25)、Module.require (module.js:497:17)的Module.require( require )(内部/module.js:20:19)找到模块‘gulp’。(C:\Projects\VAT-Expert\gulpfile.js:3:14)在Module._compile (module.js:570:32)、Object.Module._extensions..js (module.js:579:10)、Module.load (module.js:487:32)、tryModuleLoad (module.js:446:12)、Function.Module._load (module.js:438:3)

我无法理解我在这里做错了什么，认为我已经在这里添加了所有相关信息-非常感谢任何指导或建议，我可以尝试在这一个！

N

Answer 1

首先，确保package.json中的dependencies或devDependencies中列出了gulp。然后跑：

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

那就再查一遍。

Answer 2

从cli安装gulp-rename包：

npm install --save-dev gulp-rename

然后从node_modules导入包

const rename = require("gulp-rename");

在编译之前使用它

示例：

const miniCSS = () => {
    return gulp.src('./css/*.css')
    .pipe(rename('style.min.css'))
    .pipe(uglifycss({
        "uglyComments": true
    }))
    .pipe(gulp.dest('./dist/'))
}

Answer 3

我知道这个问题已经得到了解决，但我将此作为PHP项目的另一个解决方案发布。

1. $ npm install gulp-rename可以正常工作并安装软件包，但仍然会出现Cannot find module 'gulp-rename'错误。
2. 如果我从根项目文件夹返回一个目录，我可以在node_modules中找到这个包。无论出于什么原因，我在这个目录中没有一个package.json文件。
3. 执行$ which gulp-rename不会显示任何内容，但我知道它已经安装在node_modules中了。

为了在这些条件下修复它，我做到了：

var rename = require('../node_modules/gulp-rename/index.js');