process images file

lucaszhu2zgf · Aug 23, 2017 · 566e062 · 566e062
1 parent 6d9fb45
commit 566e062
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/app/images/react-logo.png b/app/images/react-logo.png
diff --git a/app/index.html b/app/index.html
@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="UTF-8"/>
+    <title>react webpack scaffold</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/app/pages/home/home.jsx b/app/pages/home/home.jsx
@@ -1,10 +1,13 @@
 import React, {Component} from 'react'
 
+import logoImage from '../../images/react-logo.png'
+
 class Home extends Component{
   render() {
     return (
       <div>
         <h1>this is home page</h1>
+        <img src={logoImage}/>
       </div>
     )
   }

diff --git a/webpack.config.js b/webpack.config.js
@@ -15,12 +15,11 @@ module.exports = {
     module: {
       rules: [
         {
-          test: /\.(bmp|gif|jpe?g|png)$/,
+          test: /\.(bmp|gif|jpg|jpeg|png|svg)$/,
           use: {
             loader: 'url-loader',
             options: {
-              limit: 10000,
-              name: 'images/[name].[ext]'
+              limit: 10240
             }
           }
         },
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,6 +2,7 @@ @@
     <html>
       <head>
         <meta charset="UTF-8"/>
+        <title>react webpack scaffold</title>
       </head>
       <body>
         <div id="app"></div>
@@ Expand Down @@