Added image loader to compile images

flyingcircle · May 15, 2017 · 2f4ab12 · 2f4ab12
1 parent 8452630
commit 2f4ab12
Show file tree

Hide file tree

Showing 9 changed files with 2,603 additions and 969 deletions.
diff --git a/build/74fe6bf7ea92b9b8e2b0c7ba1245bea1.png b/build/74fe6bf7ea92b9b8e2b0c7ba1245bea1.png
diff --git a/build/9f283ab5a8bce7b0627fcdeb4c446c91.png b/build/9f283ab5a8bce7b0627fcdeb4c446c91.png
diff --git a/build/a7a644823e78b6a4ee315a74811b7c81.png b/build/a7a644823e78b6a4ee315a74811b7c81.png
diff --git a/build/bundle.js b/build/bundle.js
diff --git a/build/c7e8afe81209d879d50730c83e87056e.png b/build/c7e8afe81209d879d50730c83e87056e.png
diff --git a/example/yarn.lock b/example/yarn.lock
diff --git a/package.json b/package.json
@@ -57,7 +57,9 @@
     "eslint": "^3.17.1",
     "eslint-plugin-react": "^6.10.0",
     "eslint-plugin-react-native": "^2.3.1",
+    "file-loader": "^0.11.1",
     "husky": "^0.13.3",
+    "image-webpack-loader": "^3.3.1",
     "jest": "^19.0.2",
     "lint-staged": "^3.4.0",
     "prettier": "^1.1.0",

diff --git a/webpack.config.js b/webpack.config.js
@@ -5,32 +5,39 @@ module.exports = {
   entry: './src/index',
   output: {
     filename: 'bundle.js',
-    path: path.resolve(__dirname, 'build')
+    path: path.resolve(__dirname, 'build'),
   },
   module: {
-    rules: [{
-      test: /\.js$/,
-      use: ['babel-loader'],
-      exclude: /node_modules/
-    }]
+    rules: [
+      {
+        test: /\.js$/,
+        use: ['babel-loader'],
+        exclude: /node_modules/,
+      },
+      {
+        test: /\.(jpe?g|png|gif)$/i,
+        use: [
+          'file-loader?hash=sha512&digest=hex&name=[hash].[ext]',
+          'image-webpack-loader',
+        ],
+      },
+    ],
   },
   externals: {
-    "react":"react",
-    "react-native":"react-native",
-    "react-native-vector-icons/MaterialIcons":"react-native-vector-icons/MaterialIcons",
-    "react-native-vector-icons/FontAwesome":"react-native-vector-icons/FontAwesome",
-    "react-native-vector-icons/Zocial":"react-native-vector-icons/Zocial",
-    "react-native-vector-icons/Octicons":"react-native-vector-icons/Octicons",
-    "react-native-vector-icons/MaterialCommunityIcons":"react-native-vector-icons/MaterialCommunityIcons",
-    "react-native-vector-icons/Foundation":"react-native-vector-icons/Foundation",
-    "react-native-vector-icons/SimpleLineIcons":"react-native-vector-icons/SimpleLineIcons",
-    "react-native-vector-icons/EvilIcons":"react-native-vector-icons/EvilIcons",
-    "react-native-vector-icons/Entypo":"react-native-vector-icons/Entypo",
-    "react-native-vector-icons/Ionicons":"react-native-vector-icons/Ionicons",
-    "react-native-side-menu":"react-native-side-menu",
-    "react-native-tab-navigator":"react-native-tab-navigator",
+    react: 'react',
+    'react-native': 'react-native',
+    'react-native-vector-icons/MaterialIcons': 'react-native-vector-icons/MaterialIcons',
+    'react-native-vector-icons/FontAwesome': 'react-native-vector-icons/FontAwesome',
+    'react-native-vector-icons/Zocial': 'react-native-vector-icons/Zocial',
+    'react-native-vector-icons/Octicons': 'react-native-vector-icons/Octicons',
+    'react-native-vector-icons/MaterialCommunityIcons': 'react-native-vector-icons/MaterialCommunityIcons',
+    'react-native-vector-icons/Foundation': 'react-native-vector-icons/Foundation',
+    'react-native-vector-icons/SimpleLineIcons': 'react-native-vector-icons/SimpleLineIcons',
+    'react-native-vector-icons/EvilIcons': 'react-native-vector-icons/EvilIcons',
+    'react-native-vector-icons/Entypo': 'react-native-vector-icons/Entypo',
+    'react-native-vector-icons/Ionicons': 'react-native-vector-icons/Ionicons',
+    'react-native-side-menu': 'react-native-side-menu',
+    'react-native-tab-navigator': 'react-native-tab-navigator',
   },
-  plugins: [
-    new webpack.optimize.UglifyJsPlugin()
-  ]
+  plugins: [new webpack.optimize.UglifyJsPlugin()],
 };