Apply namespacing also to scss, set file-loader as default for some e…

…xtensions

src/components/App.css

@@ -13,5 +13,5 @@
 }
 
 .turtle {
-   background: url('file-loader!./turtle.jpg');
+   background: url('./turtle.jpg');
 }

src/components/App.js

@@ -8,7 +8,9 @@ import ClassCompositionDemo from './3-ClassComposition/ClassCompositionDemo';
 import CompositionOverridesDemo from './4-CompositionOverrides/CompositionOverridesDemo';
 import ScopedAnimationsDemo from './5-ScopedAnimations/ScopedAnimationsDemo';
 
-var url = require("file-loader!./camel.jpg");
+var url = require("./camel.jpg");
+//var url = require("camel.jpg");
+
 var Testi = require('sub-project');
 var jsonUrl = require('file-loader!./data-example.json');
 
@@ -21,8 +23,8 @@ export default class App extends Component {
       <div className={styles.app}>
         <Logo />
 
-        <div className="test">
-            Moi
+        <div className={styles2.test}>
+            Red text via mixin from subproject
         </div>
 
         <div>

webpack.config.js

@@ -39,8 +39,13 @@ module.exports = {
       },
       {
         test: /\.scss$/,
-        loaders: ["style", "css", "sass"]
-      }
+        loaders: ["style", "css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]", "sass"]
+      },
+      {
+        test: /\.(jpeg|jpg|gif|png|json)$/,
+        loaders: ["file-loader?name=[name]-[hash:12].[ext]"]
+      },
+
     ]
   }
 }