Revert "Remove unnecessary option namedExport"

This reverts commit 2d587d8.

Author: Alexander Grigoriev

README.md

@@ -16,16 +16,17 @@ yarn add -D dts-css-modules-loader
     {
       loader: 'dts-css-modules-loader',
       options: {
+        namedExport: true,
         banner: "// This file is generated automatically"
       }
     },
     {
       loader: 'css-loader',
       options: {
-        modules: true, // enable the CSS Modules
-        exportOnlyLocals: true // export class names as variables
-        camelCase: 'only', // generate valid name of variables
+        modules: true, // this option must be enabled
+        camelCase: 'only',
         localIdentName: '[local]',
+        exportOnlyLocals: true
       }
     },
     'sass-loader'
@@ -34,38 +35,32 @@ yarn add -D dts-css-modules-loader
 ```
 
 ## Options
-### `banner`
-Adds a "banner" prefix to each generated file.
-
-## css-loader
-As loader uses output of `css-loader`, generated typings depends on it's options.
+### `namedExport`
+When the option is switched on classes exported as variables. Be sure you using `camelCase` option of [css-loader](https://github.com/webpack-contrib/css-loader) to avoid invalid name of variables.
 
-When [exportOnlyLocals](https://github.com/webpack-contrib/css-loader#exportonlylocals) is on, class names exported as variables:
 ```ts
+// This file is generated automatically.
 export const button: string;
 export const buttonActive: string;
 ```
-Be sure you using [camelCase](https://github.com/webpack-contrib/css-loader#camelcase) to avoid invalid name of variables.
 
-When option is off, will be generated following typings:
+When option is off:
 ```ts
+// This file is generated automatically.
 export interface I_buttonScss {
-  'paButton': string;
-  'paButtonActive': string;
+  'button': string
+  'buttonActive': string
 }
-export const locals: I_buttonScss;
+declare const styles: I_buttonScss;
+export default styles;
 ```
 
-## Usage in Typescript
-
-With `exportOnlyLocals`:
-```ts
-import * as classes from './_button.scss';
-```
+### `banner`
+Adds a "banner" prefix to each generated file.
 
-Without:
+## Usage in Typescript
 ```ts
-import { locals as classes } from './_button.scss';
+import * as styles from './_button.scss';
 ```
 
 To avoid errors about the absent module, you need to determine this:
@@ -78,7 +73,7 @@ declare module '*.scss' {
   export = classes;
 }
 ```
-When you add new class name, Typescript compiler may not find the generated variable so you need to compile twice your files.
+When you add new classname Typescript compiler may not find the generated variable so you need to compile twice your files.
 
 ## License
 Licensed under the MIT license.

index.js

@@ -17,9 +17,9 @@ module.exports = function(content) {
   }
 
   {
-    const { classes, exportOnlyLocals } = getClasses(content);
+    const classes = getClasses(content);
 
-    if (exportOnlyLocals) {
+    if (options.namedExport) {
       for (let c of classes) {
         typings += `export const ${c}: string;\n`;
       }
@@ -29,7 +29,7 @@ module.exports = function(content) {
       for (let c of classes) {
         typings += `  '${c}': string;\n`;
       }
-      typings += `}\nexport const locals: ${i};\n`;
+      typings += `}\ndeclare const styles: ${i};\nexport default styles;\n`;
     }
   }
 
@@ -48,16 +48,13 @@ function getClasses(content) {
 
   /** @type {string[]} */
   let classes = [];
-  let exportOnlyLocals = true;
 
-  // check `exportOnlyLocals` is on
+  // when `exportOnlyLocals` is on
   let from = content.indexOf('module.exports = {');
-  if (from === -1) {
-    exportOnlyLocals = false;
-    from = content.indexOf('exports.locals = {');
-  }
+  // when `exportOnlyLocals` is off
+  from = ~from ? from : content.indexOf('exports.locals = {');
 
-  if (from !== -1) {
+  if (~from) {
     content = content.substr(from);
 
     /** @type {RegExpExecArray} */
@@ -69,10 +66,7 @@ function getClasses(content) {
     }
   }
 
-  return {
-    classes,
-    exportOnlyLocals
-  };
+  return classes;
 }
 
 const classesRegex = /"([^"\\/;()\n]+)":/g;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dts-css-modules-loader",
-  "version": "1.0.2",
+  "version": "1.0.1",
   "description": "webpack loader to generate typings for css modules",
   "dependencies": {
     "loader-utils": "^1.2.0"