Package css with examples

Author: ahocevar

Diff for: example/.eslintrc

@@ -5,7 +5,6 @@
   <meta http-equiv="X-UA-Compatible" content="IE=Edge">
   <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
   <title>ol-mapbox-style example</title>
-  <link rel="stylesheet" href="https://openlayers.org/en/v4.6.5/css/ol.css">
   <style>
     html, body {
       height: 100%;

Diff for: example/_template.html

@@ -1,3 +1,4 @@
-import { apply } from 'ol-mapbox-style';
+import 'ol/ol.css';
+import {apply} from 'ol-mapbox-style';
 
 apply('map', 'data/geojson-inline.json');

Diff for: example/geojson-inline.js

@@ -1,3 +1,4 @@
-import { apply } from 'ol-mapbox-style';
+import 'ol/ol.css';
+import {apply} from 'ol-mapbox-style';
 
 apply('map', 'data/geojson.json');

Diff for: example/geojson.js

@@ -1,4 +1,5 @@
-import { apply } from 'ol-mapbox-style';
+import 'ol/ol.css';
+import {apply} from 'ol-mapbox-style';
 
 const baseUrl = 'https://api.mapbox.com/styles/v1/mapbox/bright-v9';
 

Diff for: example/mapbox.js

@@ -1,4 +1,4 @@
-
+import 'ol/ol.css';
 import VectorLayer from 'ol/layer/Vector';
 import VectorSource from 'ol/source/Vector';
 import GeoJsonFormat from 'ol/format/GeoJSON';

Diff for: example/stylefunction.js

@@ -1,4 +1,4 @@
-
-import { apply } from 'ol-mapbox-style';
+import 'ol/ol.css';
+import {apply} from 'ol-mapbox-style';
 
 apply('map', 'https://rawgit.com/PetersonGIS/CamoStyle/8643c1510077f268f01a5d9a1ca12c6ce080d976/camo.json');

Diff for: example/tilejson-vectortile.js

@@ -1,3 +1,4 @@
-import { apply } from 'ol-mapbox-style';
+import 'ol/ol.css';
+import {apply} from 'ol-mapbox-style';
 
 apply('map', 'data/tilejson.json');

Diff for: example/tilejson.js

@@ -1,4 +1,4 @@
-
-import { apply } from 'ol-mapbox-style';
+import 'ol/ol.css';
+import {apply} from 'ol-mapbox-style';
 
 apply('map', 'data/wms.json');

Diff for: example/wms.js

@@ -61,10 +61,10 @@
   "license": "BSD-2-Clause",
   "scripts": {
     "start": "webpack-dev-server --config ./webpack.config.js",
-    "prepublish": "npm run doc",
+    "prepare": "npm run doc && npm run build",
     "build": "webpack-cli --config ./webpack.config.js",
     "doc": "documentation readme -s API index.js",
-    "lint": "eslint __test__ *.js",
+    "lint": "eslint __test__ example *.js",
     "pretest": "npm run lint",
     "test": "jest",
     "cover": "jest --coverage"
@@ -85,6 +85,7 @@
     "babel-preset-env": "^1.6.1",
     "canvas": "^1.6.8",
     "copy-webpack-plugin": "^4.5.1",
+    "css-loader": "^0.28.11",
     "deep-freeze": "0.0.1",
     "documentation": "^4.0.0-rc.1",
     "eslint": "^4.10.0",
@@ -101,6 +102,7 @@
     "regenerator-runtime": "^0.11.1",
     "should": "^11.2.1",
     "should-approximately-deep": "^1.1.0",
+    "style-loader": "^0.20.3",
     "webpack": "^4.1.1",
     "webpack-cli": "^2.0.12",
     "webpack-dev-server": "^3.1.1"

Diff for: package.json

@@ -92,6 +92,10 @@ module.exports = {
         query: {
           cacheDirectory: true
         }
+      },
+      {
+        test: /\.css$/,
+        use: ['style-loader', 'css-loader']
       }
     ]
   },