fix: 解决不能引入图片的问题

Author: 谢明

config/webpack.config.common.js

@@ -60,8 +60,12 @@ module.exports = {
         loader: 'file-loader'
       },
       {
-        test: /\.(png|jpg|gif)$/,
-        use: ['file-loader']
+        test: /\.(jpg|png|gif)$/,
+        use: [
+          {
+            loader: 'file-loader?limit=5000&name=imgs/[name].[hash:6].[ext]'
+          }
+        ]
       }
     ]
   },

server.js

@@ -7,5 +7,8 @@ require.extensions['.css'] = () => {
 require.extensions['.less'] = () => {
   return;
 };
+require.extensions['.png'] = () => {
+  return;
+};
 require('babel-core/register');
 require('./src/server');

src/components/NavBar/Nav/index.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import Menu from 'antd/lib/menu';
 import Dropdown from 'antd/lib/dropdown';
 import Icon from 'antd/lib/icon';
-// import img from '../../../imgs/BiazfanxmamNRoxxVxka.png';
+import img from '../../../imgs/BiazfanxmamNRoxxVxka.png';
 
 function Nav() {
   const menu = (
@@ -32,7 +32,7 @@ function Nav() {
         <Dropdown overlay={menu} placement="bottomRight">
           <div>
             <span className={styles.img_box}>
-              <img src={`gfg`} />
+              <img src={img} />
             </span>
             <span>Serati Ma</span>
           </div>