Resolve imports relative to the sass entry point.

Financial-Times · Apr 17, 2020 · 044b02c · 044b02c
1 parent 65006d3
commit 044b02c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/lib/tasks/build-sass.js b/lib/tasks/build-sass.js
@@ -92,7 +92,10 @@ module.exports = function buildSass(config) {
 					// Build Sass
 					let result = '';
 					try {
-						result = execa.sync(ftSass, sassArguments, { input: sassData });
+						result = execa.sync(ftSass, sassArguments, {
+							input: sassData,
+							cwd: path.dirname(sassFile)
+						});
 						// Output Sass debug logs and warnings
 						if (result.stderr) {
 							log.secondary(result.stderr);

diff --git a/test/unit/fixtures/o-test/demos/src/demo-scss/demo.scss b/test/unit/fixtures/o-test/demos/src/demo-scss/demo.scss
@@ -0,0 +1 @@
+@import '../../../main';
diff --git a/test/unit/tasks/build-sass.test.js b/test/unit/tasks/build-sass.test.js
@@ -173,4 +173,15 @@ describe('Build Sass', function () {
 				proclaim.include(error.message, invalidSass);
 			});
 	});
+
+	it('should resolve imports relative to the sass entry point', function () {
+		return build({
+			sass: 'demos/src/demo-scss/demo.scss'
+		})
+			.then(function (result) {
+				const builtCss = fs.readFileSync('build/main.css', 'utf8');
+				proclaim.include(builtCss, 'div {\n  color: blue;\n}\n');
+				proclaim.include(result, 'div {\n  color: blue;\n}\n');
+			});
+	});
 });