Merge pull request #183 from geospoc/fix/css-issue

fix: css issue caused due to `sideEffects: false`
vinayakkulkarni · Oct 30, 2020 · 46bfab4 · 46bfab4
2 parents 2cc6aaa + aebccb3
commit 46bfab4
Show file tree

Hide file tree

Showing 5 changed files with 946 additions and 127 deletions.
diff --git a/build/rollup.config.js b/build/rollup.config.js
@@ -1,7 +1,7 @@
 import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import vue from 'rollup-plugin-vue';
-import css from 'rollup-plugin-css-only';
+import scss from 'rollup-plugin-scss';
 
 export default [
   // ESM build to be used with webpack/rollup.
@@ -19,7 +19,7 @@ export default [
       }),
       commonjs(),
       vue({ css: false }),
-      css({ output: 'dist/v-mapbox.css' }),
+      scss({ output: 'dist/v-mapbox.css' }),
     ],
     external: ['vue', 'mapbox-gl', 'map-promisified'],
   },

diff --git a/build/rollup.config.min.js b/build/rollup.config.min.js
@@ -2,6 +2,7 @@ import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import { terser } from 'rollup-plugin-terser';
 import vue from 'rollup-plugin-vue';
+import scss from 'rollup-plugin-scss';
 
 export default {
   input: 'src/index.js',
@@ -23,7 +24,11 @@ export default {
     }),
     commonjs(),
     terser(),
-    vue(),
+    vue({ css: false }),
+    scss({
+      output: 'dist/v-mapbox.min.css',
+      outputStyle: 'compressed',
+    }),
   ],
   external: ['vue', 'mapbox-gl', 'map-promisified'],
 };