Here is the structure of my project:
project
assets
scripts
styles
app.scss
bower_components
node_modules
public
css
app.css
js
bower.json
gulpfile.js
package.json
I am using gulp-sass to compile app.scss into app.css and I would like to include foundation in app.scss
gulp.task('styles', function() {
return gulp.src(path.src.styles)
.pipe(sass({
includePaths: ['./bower_components/foundation/scss']
}))
.pipe(concat('app.css'))
.pipe(gulp.dest(path.public.styles));
})
In the app.scss file, I have:
@import 'foundation/_settings';
@import 'foundation';
However, when I run gulp, I encounter the following error:
Error: assets\styles\app.scss
undefined:undefined Invalid UTF-8
What could be causing this issue?