diff --git a/index.html b/index.html
index e849f5d..0d11d4c 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8">
     <title>Using OpenLayers with Webpack</title>
-    <link rel="stylesheet" href="https://openlayers.org/en/latest/css/ol.css" type="text/css">
     <style>
       html, body {
         margin: 0;
diff --git a/main.js b/main.js
index 383466b..7f362aa 100644
--- a/main.js
+++ b/main.js
@@ -1,3 +1,4 @@
+import 'ol/ol.css';
 import Map from 'ol/map';
 import View from 'ol/view';
 import TileLayer from 'ol/layer/tile';
diff --git a/package.json b/package.json
index bfc2b7f..e7f5f7e 100644
--- a/package.json
+++ b/package.json
@@ -6,9 +6,11 @@
     "build": "webpack --config webpack.config.js"
   },
   "devDependencies": {
-    "webpack": "^2.2.1"
+    "css-loader": "^0.28.4",
+    "style-loader": "^0.18.2",
+    "webpack": "^3.3.0"
   },
   "dependencies": {
-    "ol": "^4.0.1-beta.2"
+    "ol": "^4.2.0"
   }
 }
diff --git a/webpack.config.js b/webpack.config.js
index f3ea126..65d5a9f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -5,6 +5,17 @@ module.exports = {
   output: {
     filename: 'bundle.js'
   },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          {loader: 'style-loader'},
+          {loader: 'css-loader'}
+        ]
+      }
+    ]
+  },
   plugins: [
     new webpack.optimize.UglifyJsPlugin()
   ]
