我尝试设置 Gulp 来编译 SCSS 文件,并在此过程中重命名 SCSS 文件 - 例如:
I want SCSS/原始.scss保存为CSS/new.css
这是在 Windows 10 虚拟机上
我已经安装了 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-rename 时,任务会中断:
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 rename
npm install gulp-rename
与我对 gulp-sass 所做的一样,它似乎像以前一样工作得很好,显然不是,但我不确定如何或为什么。
我已经做了一些谷歌搜索并尝试在全球范围内安装它,这似乎又安装得很好
npm install gulp-rename -g
我还看到了一些将 gulp-rename 保存为开发依赖项的建议,所以我尝试了
npm install gulp-rename --save-dev
安装时再次没有错误。
当我尝试运行我的 gulp 任务时,这是我收到的错误消息:
错误:找不到模块“gulp-rename”
在 Function.Module._resolveFilename (module.js:469:15)
在 Function.Module._load (module.js:417:25)
在 Module.require (module.js:497:17)
在需要时(内部/module.js:20:19)
在对象。 (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