feat: support sass field in package.json (#647)

Author: evilebottnawi

lib/loader.js

@@ -40,6 +40,7 @@ function sassLoader(content) {
   // Supported since v4.27.0
   if (this.getResolve) {
     resolve = this.getResolve({
+      mainFields: ['sass', 'main'],
       extensions: ['.scss', '.sass', '.css'],
     });
   }

test/index.test.js

@@ -169,6 +169,8 @@ implementations.forEach((implementation) => {
                 },
               }
             ));
+          it('should resolve sass field correctly', () =>
+            execTest(`import-sass-field`));
         });
         describe('custom importers', () => {
           it('should use custom importer', () =>

test/node_modules/sass-sass-field/nested/style.sass

@@ -0,0 +1 @@
+@import "~sass-sass-field"

test/node_modules/sass-sass-field/package.json

@@ -0,0 +1 @@
+@import "~scss-sass-field";

test/node_modules/scss-sass-field/nested/style.scss

@@ -38,6 +38,26 @@ function createSpec(ext) {
     basePath,
     path.resolve(testFolder, ext, 'another', `alias.${ext}`)
   );
+  const pathToScssSassField = path.relative(
+    basePath,
+    path.resolve(
+      testFolder,
+      'node_modules',
+      'scss-sass-field',
+      'nested',
+      'style.scss'
+    )
+  );
+  const pathToSASSSassField = path.relative(
+    basePath,
+    path.resolve(
+      testFolder,
+      'node_modules',
+      'sass-sass-field',
+      'nested',
+      'style.sass'
+    )
+  );
 
   fs.readdirSync(path.join(testFolder, ext))
     .filter(
@@ -57,6 +77,8 @@ function createSpec(ext) {
           if (/\.css$/.test(url) === false) {
             // eslint-disable-next-line no-param-reassign
             url = url
+              .replace(/^~scss-sass-field/, pathToScssSassField)
+              .replace(/^~sass-sass-field/, pathToSASSSassField)
               .replace(/^~bootstrap-sass/, pathToBootstrap)
               .replace(/^~@org\/pkg/, pathToScopedNpmPkg)
               .replace(/^~module/, pathToModule)