step 1 - load styles

bognix · Feb 26, 2017 · 1feec04 · 1feec04
1 parent c5e01a7
commit 1feec04
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 5 deletions.
diff --git a/example/index.js b/example/index.js
@@ -1 +1,4 @@
+import './styles.css';
+
+
 console.log('I AM LOADED');
diff --git a/example/styles.css b/example/styles.css
@@ -0,0 +1,3 @@
+body {
+    background: red;
+}
diff --git a/package.json b/package.json
@@ -18,6 +18,8 @@
     "babel-cli": "^6.23.0",
     "babel-loader": "^6.3.2",
     "babel-preset-es2015": "^6.22.0",
+    "css-loader": "^0.26.2",
+    "style-loader": "^0.13.2",
     "webpack": "^2.2.1",
     "webpack-dev-server": "^2.4.1"
   }

diff --git a/webpack.config.js b/webpack.config.js
@@ -6,11 +6,20 @@ module.exports = {
         filename: 'bundle.js',
     },
     module: {
-        loaders: [
+      loaders: [
         {
-            test: /\.js$/,
-            loader: 'babel-loader',
-            exclude: /node_modules/
-        }]
+          test: /\.js$/,
+          loader: 'babel-loader',
+          exclude: /node_modules/
+      },{
+        test: /\.css$/,
+        use: [
+          {
+            loader: 'style-loader'
+          }, {
+            loader: 'css-loader'
+          }
+        ]}
+      ]
     }
 };