feat: support SCSS imports

Author: gajus

README.md

@@ -153,7 +153,7 @@ NODE_ENV=production ./test
 
 ## How does it work?
 
-1. Builds index of all stylesheet imports per file.
+1. Builds index of all stylesheet imports per file (imports of files with `.css` or `.scss` extension).
 1. Uses [postcss](https://github.com/postcss/postcss) to parse the matching CSS files.
 1. Iterates through all [JSX](https://facebook.github.io/react/docs/jsx-in-depth.html) element declarations.
 1. Parses the `styleName` attribute value into anonymous and named CSS module references.

package.json

@@ -14,7 +14,8 @@
     "postcss-modules-local-by-default": "^1.1.1",
     "postcss-modules-parser": "^1.1.0",
     "postcss-modules-scope": "^1.0.2",
-    "postcss-modules-values": "^1.2.2"
+    "postcss-modules-values": "^1.2.2",
+    "postcss-scss": "^0.4.0"
   },
   "description": "Transforms styleName to className using compile time CSS module resolution.",
   "devDependencies": {

src/index.js

@@ -61,7 +61,7 @@ export default ({
     inherits: babelPluginJsxSyntax,
     visitor: {
       ImportDeclaration (path: Object, stats: Object): void {
-        if (!path.node.source.value.endsWith('.css')) {
+        if (!path.node.source.value.endsWith('.css') && !path.node.source.value.endsWith('.scss')) {
           return;
         }
 

src/requireCssModule.js

@@ -14,15 +14,24 @@ import LocalByDefault from 'postcss-modules-local-by-default';
 import Parser from 'postcss-modules-parser';
 import Scope from 'postcss-modules-scope';
 import Values from 'postcss-modules-values';
+import ScssSyntax from 'postcss-scss';
 import type {
   StyleModuleMapType
 } from './types';
 
 const getTokens = (runner, cssSourceFilePath: string): StyleModuleMapType => {
+  const sourceFilePathIsScss = cssSourceFilePath.endsWith('.scss');
+
+  const options: Object = {
+    from: cssSourceFilePath
+  };
+
+  if (sourceFilePathIsScss) {
+    options.syntax = ScssSyntax;
+  }
+
   const lazyResult = runner
-    .process(readFileSync(cssSourceFilePath, 'utf-8'), {
-      from: cssSourceFilePath
-    });
+    .process(readFileSync(cssSourceFilePath, 'utf-8'), options);
 
   lazyResult
     .warnings()