为什么gulp无法将scss文件转换为css文件?
我是一个初学吞咽的人 我正在使用Visual Studio代码编辑器-1.41.1版。 我的操作系统是Windows7 我已经在gulpjs.com上安装了gulp和gulp指南。参考链接位于此处:。 然而,当我在VisualStudioCodeEditor中键入command:gulp sass时,我的scss文件并没有转换为css文件。并且,编辑器显示以下消息为什么gulp无法将scss文件转换为css文件?,css,sass,gulp,Css,Sass,Gulp,我是一个初学吞咽的人 我正在使用Visual Studio代码编辑器-1.41.1版。 我的操作系统是Windows7 我已经在gulpjs.com上安装了gulp和gulp指南。参考链接位于此处:。 然而,当我在VisualStudioCodeEditor中键入command:gulp sass时,我的scss文件并没有转换为css文件。并且,编辑器显示以下消息 The term 'gulp' is not recognized as the name of a cmdlet, functio
The term 'gulp' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:5
+ gulp <<<< sass
+ CategoryInfo : ObjectNotFound: (gulp:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException
你能告诉我为什么以及如何解决这个问题吗?
谢谢。试试看,我已经为gulpJs 4创建了这段代码。 这可能对你有帮助 运行此命令
npm install gulp-concat gulp-autoprefixer gulp-sass gulp-sass-glob node-sass --save-dev
如果您使用的是linux,请使用Sudo
const { src, dest } = require("gulp");
const concat = require("gulp-concat");
const autoprefixer = require("gulp-autoprefixer");
const sass = require("gulp-sass");
const sassGlob = require("gulp-sass-glob");
sass.compiler = require("node-sass");
function css() {
return src("src/css/*.css")
.pipe(concat("style.css"))
.pipe(sassGlob())
.pipe(
sass({
outputStyle: "compressed" //expand or compact or compressed
}).on("error", sass.logError)
)
.pipe(
autoprefixer({
cascade: true
})
)
.pipe(dest("build/css/"));
}
function scss() {
return src('src/scss/style.scss') // import your all file in style.scss
.pipe(sassGlob())
.pipe(
sass({
outputStyle: 'compressed' // you can set "expand or compact or compressed" view
})
.on('error', sass.logError)
).pipe(
autoprefixer({
cascade: true
})
).pipe(dest('build/scss/'));
}
exports.css = css;
exports.scss= scss;
您是否在全球范围内安装了gulp?请尝试此<代码>npm安装gulp-g--最新版本@MihaiT我在全球范围内安装了gulp。我使用以下命令进行安装。npm安装gulp cli-g@Mr.Alien谢谢你的建议。我试过了,但还是不行。编辑器显示了相同的消息。您正在使用什么命令来执行它?
const { src, dest } = require("gulp");
const concat = require("gulp-concat");
const autoprefixer = require("gulp-autoprefixer");
const sass = require("gulp-sass");
const sassGlob = require("gulp-sass-glob");
sass.compiler = require("node-sass");
function css() {
return src("src/css/*.css")
.pipe(concat("style.css"))
.pipe(sassGlob())
.pipe(
sass({
outputStyle: "compressed" //expand or compact or compressed
}).on("error", sass.logError)
)
.pipe(
autoprefixer({
cascade: true
})
)
.pipe(dest("build/css/"));
}
function scss() {
return src('src/scss/style.scss') // import your all file in style.scss
.pipe(sassGlob())
.pipe(
sass({
outputStyle: 'compressed' // you can set "expand or compact or compressed" view
})
.on('error', sass.logError)
).pipe(
autoprefixer({
cascade: true
})
).pipe(dest('build/scss/'));
}
exports.css = css;
exports.scss= scss;