I deleted mapboxgl from webpack, because bundle.js size will be very …

…huge
narwassco · Jul 9, 2020 · 7b99315 · 7b99315
1 parent 3759c9f
commit 7b99315
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/build.js b/build.js
@@ -7,7 +7,7 @@ const build = () =>{
         fs.writeFileSync('./dist/CNAME', process.env.CNAME);
     }
 
-    exec("webpack", (error, stdout, stderr) => {
+    exec("webpack --mode production", (error, stdout, stderr) => {
         if (error) {
             console.log(`error: ${error.message}`);
             return;

diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/dist/index.html b/dist/index.html
@@ -5,9 +5,11 @@
 <title>Water Supply Map for Narok Water</title>
 <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
 <link rel=”shortcut icon” href=”favicon.ico” />
+<link href='https://api.mapbox.com/mapbox-gl-js/v1.11.1/mapbox-gl.css' rel='stylesheet' />
 </head>
     <body>
         <div id="map"></div>
+        <script src='https://api.mapbox.com/mapbox-gl-js/v1.11.1/mapbox-gl.js'></script>
         <script src="bundle.js"></script>
         <!-- Global site tag (gtag.js) - Google Analytics -->
         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-170080825-1"></script>

diff --git a/webpack.config.js b/webpack.config.js
@@ -30,5 +30,8 @@ module.exports = {
         publicPath: '/',
         watchContentBase: true,
         open: true
+    },
+    externals: {
+        'mapbox-gl': 'mapboxgl'
     }
 };