fix(build): resolve SCSS imports from node_modules (#892)

makhnatkin · web-flow · commit 30f239b23cd6 · 2025-12-11T10:28:38.000+01:00
diff --git a/gulpfile.js b/gulpfile.js
@@ -39,7 +39,7 @@ gulp.task('scss', () => {
         .pipe(
             replace(/@(import|use) '~.+'/g, (match) => match.replace('~', NODE_MODULES_DIR + '/')),
         )
-        .pipe(sass())
+        .pipe(sass({loadPaths: [NODE_MODULES_DIR]}))
         .pipe(gulp.dest(BUILD_DIR_CJS))
         .pipe(gulp.dest(BUILD_DIR_ESM))
         .pipe(concat('styles.css')) // also bundle all css to single file

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@ gulp.task('scss', () => {`
`39`	`39`	`.pipe(`
`40`	`40`	`replace(/@(import\|use) '~.+'/g, (match) => match.replace('~', NODE_MODULES_DIR + '/')),`
`41`	`41`	`)`
`42`		`- .pipe(sass())`
	`42`	`+ .pipe(sass({loadPaths: [NODE_MODULES_DIR]}))`
`43`	`43`	`.pipe(gulp.dest(BUILD_DIR_CJS))`
`44`	`44`	`.pipe(gulp.dest(BUILD_DIR_ESM))`
`45`	`45`	`.pipe(concat('styles.css')) // also bundle all css to single file`