Fix tippy js css in production

kapoko · Dec 29, 2020 · a407b3f · a407b3f
1 parent 46b96bd
commit a407b3f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/site/assets/js/main.js b/site/assets/js/main.js
@@ -6,6 +6,7 @@ import { render } from 'github-buttons'
 
 import tippy from 'tippy.js';
 
+import '../../node_modules/tippy.js/dist/tippy.css'
 import '../sass/main.scss';
 
 library.add(faDownload, faGithub, faCode, faEllipsisH, faAngleLeft, faAngleRight);

diff --git a/site/assets/sass/main.scss b/site/assets/sass/main.scss
@@ -1,7 +1,7 @@
 @import 'variables';
 
 @import '../../node_modules/bulma/bulma';
-@import '../../node_modules/tippy.js/dist/tippy.css';
+// @import '../../node_modules/tippy.js/dist/tippy.css';
 @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Montserrat:wght@300;700&family=Fira+Mono&display=swap');
 
 @import 'global';

diff --git a/site/webpack.config.js b/site/webpack.config.js
@@ -55,7 +55,11 @@ module.exports = {
                     },
                     "sass-loader"
                 ]
-            }
+            },
+            {
+                test: /\.css$/i,
+                use: ['style-loader', 'css-loader'],
+            },
         ],
     },
     plugins: [