fix(example): fix loading of material-icons

forml-js · Nov 18, 2023 · ccd590c · ccd590c
1 parent 146c83f
commit ccd590c
Show file tree

Hide file tree

Showing 5 changed files with 322 additions and 12 deletions.
diff --git a/example/package.json b/example/package.json
@@ -29,6 +29,7 @@
     "@webpack-cli/serve": "^2.0.5",
     "babel-loader": "^9.1.3",
     "classnames": "^2.3.2",
+    "css-loader": "^6.8.1",
     "file-loader": "^6.2.0",
     "fontsource-roboto": "^3.0.3",
     "luxon": "^3.4.4",
@@ -40,6 +41,7 @@
     "react-dom": "^18.2.0",
     "source-map-loader": "^4.0.1",
     "stream-browserify": "^3.0.0",
+    "style-loader": "^3.3.3",
     "util": "^0.12.5",
     "webpack": "^5.89.0",
     "webpack-bundle-analyzer": "^4.10.1",

diff --git a/example/src/index.js b/example/src/index.js
@@ -10,10 +10,7 @@ import ThemeProvider from '@mui/material/styles/ThemeProvider';
 import createTheme from '@mui/material/styles/createTheme';
 import React from 'react';
 
-import MaterialIcons from 'material-icons/iconfont/MaterialIcons-Regular.ttf';
-import Roboto from 'fontsource-roboto/files/roboto-all-400-normal.woff';
-import RobotoBold from 'fontsource-roboto/files/roboto-all-700-normal.woff';
-import RobotoLight from 'fontsource-roboto/files/roboto-all-300-normal.woff';
+import 'material-icons/iconfont/material-icons.css';
 
 const theme = createTheme();
 

diff --git a/example/src/iso.js b/example/src/iso.js
@@ -9,10 +9,7 @@ import ThemeProvider from '@mui/material/styles/ThemeProvider';
 import createTheme from '@mui/material/styles/createTheme';
 import * as mui from '@forml/decorator-mui';
 
-import MaterialIcons from 'material-icons/iconfont/MaterialIcons-Regular.ttf';
-import Roboto from 'fontsource-roboto/files/roboto-all-400-normal.woff';
-import RobotoBold from 'fontsource-roboto/files/roboto-all-700-normal.woff';
-import RobotoLight from 'fontsource-roboto/files/roboto-all-300-normal.woff';
+import 'material-icons/iconfont/material-icons.css';
 
 const log = debug('forml:iso');
 const theme = createTheme({

diff --git a/example/webpack.config.js b/example/webpack.config.js
@@ -68,6 +68,7 @@ module.exports = {
                 },
             },
             //        { test: /\.js$/, enforce: 'pre', use: ['source-map-loader'] },
+            { test: /\.css$/, use: ['style-loader', 'css-loader'] },
             { test: /\.(eot|svg|ttf|woff|woff2)$/, use: ['file-loader'] },
         ],
     },