fix: add file from an error to file dependencies

Author: evilebottnawi

src/index.js

@@ -150,6 +150,12 @@ export default function loader(content, map, meta) {
       return callback(null, `${importCode}${moduleCode}${exportCode}`);
     })
     .catch((error) => {
+      if (error.file) {
+        console.log(error.file);
+
+        this.addDependency(error.file);
+      }
+
       callback(
         error.name === 'CssSyntaxError' ? new CssSyntaxError(error) : error
       );

test/fixtures/invalid.css renamed to test/fixtures/error.css

@@ -1,4 +1,4 @@
-import css from './invalid.css';
+import css from './error.css';
 
 __export__ = css;
 

test/fixtures/invalid.js renamed to test/fixtures/error.js

@@ -11,7 +11,10 @@ export default function astLoader(content) {
   const { spy = jest.fn() } = this.query;
 
   postcss([postcssPresetEnv({ stage: 0 })])
-    .process(content)
+    .process(content, {
+      // eslint-disable-next-line no-undefined
+      from: undefined,
+    })
     .then(({ css, map, root, messages }) => {
       const ast = {
         type: 'postcss',

test/helpers/ast-loader.js

@@ -123,9 +123,14 @@ describe('loader', () => {
   });
 
   it('should throw error on invalid css syntax', async () => {
-    const compiler = getCompiler('./invalid.js', {});
+    const compiler = getCompiler('./error.js', {});
     const stats = await compile(compiler);
 
+    expect(
+      stats.compilation.fileDependencies.has(
+        path.resolve('./test/fixtures/error.css')
+      )
+    ).toBe(true);
     expect(getWarnings(stats)).toMatchSnapshot('warnings');
     expect(getErrors(stats)).toMatchSnapshot('errors');
   });