live ─ site ─ css ─ style-main.css
└ sass ─ style-main.scss
└ _base_style.scss
style-main.scssにstyle-base.scssを統合しようとしています。
ですが、以下エラーが出てしまいます。
events.js:141
throw er; // Unhandled 'error' event
^
Error: site\sass\style-main.scss
undefined
at options.error (C:\Users\髯ス蟷ウ\Desktop\html\live\node_modules\gulp-s
ass\node_modules\node-sass\lib\index.js:277:32)
style-main.scss
@charset "utf-8";
@import "base_style";
gulpfile.js
var gulp = require("gulp");
var sass = require("gulp-sass");
var autoprefixer = require("gulp-autoprefixer");
var uglify = require("gulp-uglify");
var browser = require("browser-sync");
gulp.task("server", function() {
browser.init({
server: {
baseDir: "./site/"
}
});
});
gulp.task("js", function() {
gulp.src(["./site/js//*.js","!./site/js/min//*.js"])
.pipe(uglify())
.pipe(gulp.dest("./site/js/up"))
.pipe(browser.reload({stream:true}))
});
gulp.task("sass", function() {
gulp.src("./site/sass/**/*scss")
.pipe(sass({
outputStyle: 'compact'
}))
.pipe(autoprefixer())
.pipe(gulp.dest("./site/css"))
.pipe(browser.reload({stream:true}))
});
gulp.task("default",['server'], function() {
gulp.watch(["./site/js//*.js","!./site/js/min//*.js"],["js"]);
gulp.watch("./site/sass/**/*scss",["sass"]);
});
あなたの回答
tips
プレビュー