Features: Split media into files & images & optimize images

- Deps: Added imagemin-webpack-plugin

config/features/media.js → config/features/files.js

@@ -1,14 +1,14 @@
 /**
  * Feature
- * media
+ * files
  */
 
 module.exports = function (options) {
     return {
         module: {
             rules: [
                 {
-                    test: /\.(png|gif|mp4)$/,
+                    test: /\.(mp4)$/,
                     loader: require.resolve('file-loader'),
                     include: options.paths.src
                 }

config/features/images.js

@@ -0,0 +1,23 @@
+/**
+ * Feature
+ * images
+ */
+
+const ImageminPlugin = require('imagemin-webpack-plugin').default
+
+module.exports = function (options) {
+    return {
+        module: {
+            rules: [
+                {
+                    test: /\.(png|gif|jpe?g)$/,
+                    loader: require.resolve('file-loader'),
+                    include: options.paths.src
+                }
+            ]
+        },
+        plugins: [
+            new ImageminPlugin()
+        ]
+    }
+}

config/features/index.js

@@ -14,7 +14,8 @@ module.exports = function (options) {
         require('./html')(options),
         require('./sass')(options),
         require('./svg')(options),
-        require('./media')(options),
+        require('./files')(options),
+        require('./images')(options),
         require('./favicon')(options),
         require('./sourcemaps')(options),
         require('./minify')(options),