v0.1.0-alpha.12

Author: Martynas Žilinskas

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@simplrjs/webpack",
-    "version": "0.1.0-alpha.11",
+    "version": "0.1.0-alpha.12",
     "description": "Tailored webpack for SPA.",
     "publishConfig": {
         "access": "public"
@@ -69,6 +69,7 @@
         "style-loader": "^0.21.0",
         "ts-loader": "^4.4.1",
         "tsconfig-paths-webpack-plugin": "^3.2.0",
+        "url-loader": "^1.1.1",
         "worker-loader": "^2.0.0",
         "write-file-webpack-plugin": "^4.3.2"
     }

package.json

@@ -26,9 +26,14 @@ export interface SimplrWebpackOptions {
     staticContentDirectoryOutput?: string;
     /**
      * Full path is: {outputDirectory} + {fontsDirectoryOutput}
-     * Example: `./dist` + `./fonts` = `./dist/fonts`
+     * Example: `./dist` + `./assets/fonts` = `./dist/assets/fonts`
      */
     fontsDirectoryOutput?: string;
+    /**
+     * Full path is: {outputDirectory} + {imagesDirectoryOutput}
+     * Example: `./dist` + `./assets/images` = `./dist/assets/images`
+     */
+    imagesDirectoryOutput?: string;
     /**
      * For websites "/" is enough. For electron-renderer "./".
      *

src/contracts.ts

@@ -21,7 +21,8 @@ export function generateWebpackConfig(opts: SimplrWebpackOptions): Configuration
         outputDirectory: opts.outputDirectory || "./wwwroot",
         staticContentDirectory: opts.staticContentDirectory || "./src/static",
         staticContentDirectoryOutput: opts.staticContentDirectoryOutput || "./static",
-        fontsDirectoryOutput: opts.fontsDirectoryOutput || "./fonts",
+        fontsDirectoryOutput: opts.fontsDirectoryOutput || "./assets/fonts",
+        imagesDirectoryOutput: opts.imagesDirectoryOutput || "./assets/images",
         emitHtml: opts.emitHtml != null ? opts.emitHtml : true,
         target: opts.target || "web",
         publicPath: opts.publicPath || "/"
@@ -107,9 +108,19 @@ export function generateWebpackConfig(opts: SimplrWebpackOptions): Configuration
                     test: /\.(woff|woff2|eot|ttf|otf)$/,
                     options: {
                         name: `./${options.fontsDirectoryOutput}/[name].[ext]`,
-                        publicPath: opts.publicPath
+                        publicPath: opts.publicPath,
+                        limit: 10000
                     },
-                    loader: "file-loader"
+                    loader: "url-loader"
+                },
+                {
+                    test: /\.(png|jpg|gif|svg)$/,
+                    options: {
+                        name: `./${options.imagesDirectoryOutput}/[name].[ext]`,
+                        publicPath: opts.publicPath,
+                        limit: 10000
+                    },
+                    loader: "url-loader"
                 }
             ]
         },