use module extension

Author: patricklx

README.md

@@ -35,7 +35,7 @@ Syntax:
 {{import "{ fn }" from "@ember/helper"}}
 {{import myHelper from 'ui/helper'}}
 {{import my-mod from 'ui/modifiers'}}
-{{import style from './styles.scoped.scss'}}
+{{import style from './styles.module.scss'}}
 {{import BasicDropdown from 'ember-basic-dropdown/components/basic-dropdown'}}
 {{import SameDropdown from 'ember-basic-dropdown/components/basic-dropdown'}}
 

lib/StylesRewriter.ts

@@ -23,8 +23,8 @@ module.exports = class StylesRewriter extends BroccoliFilter {
     this.options.extension = this.options.extension || 'scss';
     this.options.before = this.options.before || [];
     this.options.after = this.options.after || [];
-    this.extensions = [ 'scoped.' + this.options.extension ];
-    this.targetExtension = 'scoped.' + this.options.extension;
+    this.extensions = [ 'module.' + this.options.extension ];
+    this.targetExtension = 'module.' + this.options.extension;
   }
 
   cacheKeyProcessString(string, relativePath) {
@@ -43,7 +43,7 @@ module.exports = class StylesRewriter extends BroccoliFilter {
     if (relativePath.endsWith('pod-styles.scss')) {
       return contents;
     }
-    if (relativePath.endsWith('scoped.scss')) {
+    if (relativePath.endsWith('module.scss')) {
       const plugins = [...this.options.before]
       plugins.push(rewriterPlugin({
         filename: relativePath,

test-folders/mixed-tests/dummy/app/ui/components/button/template.hbs

@@ -1,3 +1,3 @@
-{{import style from "./styles.scoped.scss"}}
+{{import style from "./styles.module.scss"}}
 
 <button class="global-button {{style.btn}}">{{style.btn}}{{yield}}</button>

test-folders/mixed-tests/dummy/app/ui/routes/application/template.hbs

@@ -1,4 +1,4 @@
-{{import style from "./styles.scoped.scss"}}
+{{import style from "./styles.module.scss"}}
 
 {{import Button from "~/ui/components/button"}}
 {{import helper2 from "~/ui/helpers/helper"}}