作者:高振Andy | 来源:互联网 | 2023-02-12 17:27
我试图设置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-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任务时,这是我收到的错误消息:
错误:无法在Module.require上的Function.Module._load(module.js:417:25)的Function.Module._resolveFilename(module.js:469:15)中找到模块'gulp-rename'(module.js:497) :17)at对象的require(internal/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)at at Module.load(module.js:487:32)在tryModuleLoad(module.js:446:12)的Function.Module._load(module.js:438:3)
我无法理解我在这里做错了什么,认为我已经在这里添加了所有相关信息 - 非常感谢任何指导或建议,我可以尝试这个!
ñ
1> 小智..:
首先,确保gulp-rename列在你的package.json
下dependencies
或devDependencies
.然后运行:
npm uninstall -g gulp
npm install -g gulp
rm -rf node_modules
npm install
然后再检查一下.