fix: svg don't work

.webpackrc.js

@@ -18,4 +18,7 @@ export default {
   alias: {
     themes: resolve(__dirname, './src/themes'),
   },
+  urlLoaderExcludes: [
+    /\.svg$/,
+  ],
 }

package.json

@@ -45,7 +45,8 @@
     "eslint-plugin-import": "^2.9.0",
     "eslint-plugin-jsx-a11y": "^5.1.1",
     "eslint-plugin-react": "^7.7.0",
-    "less-vars-to-js": "^1.1.2"
+    "less-vars-to-js": "^1.1.2",
+    "svg-sprite-loader": "^3.7.3"
   },
   "pre-commit": [
     "lint"

src/pages/chart/ECharts/theme/macarons.js

@@ -1,7 +1,7 @@
 (function (root, factory) {
-  if (typeof define === 'function' && define.amd) {
+  if (typeof define === 'function' && define.amd) { // eslint-disable-line
     // AMD. Register as an anonymous module.
-    define(['exports', 'echarts'], factory)
+    define(['exports', 'echarts'], factory) // eslint-disable-line
   } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
     // CommonJS
     factory(exports, require('echarts'))

src/pages/user/components/Filter.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import moment from 'moment'
 import { FilterItem } from 'components'
 import { Form, Button, Row, Col, DatePicker, Input, Cascader, Switch } from 'antd'
-import city from '../../utils/city'
+import city from 'utils/city'
 
 const { Search } = Input
 const { RangePicker } = DatePicker

src/pages/user/components/Modal.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Form, Input, InputNumber, Radio, Modal, Cascader } from 'antd'
-import city from '../../utils/city'
+import city from 'utils/city'
 
 const FormItem = Form.Item
 

webpack.config.js

@@ -0,0 +1,13 @@
+
+export default function (webpackConfig) {
+  webpackConfig.module.rules.push({
+    test: /\.svg$/i,
+    use: [
+      {
+        loader: require.resolve('svg-sprite-loader'),
+      },
+    ],
+  })
+
+  return webpackConfig
+};