updated for cli 7'

Author: manfredsteyer

lib/README.md

@@ -4,6 +4,7 @@ Extend the Angular CLI's default build behavior without ejecting:
 
 - 📦 Build a single bundle (e. g. for Angular Elements)
 - 📄 Extend the default behavior by providing a **partial** config that just contains your additional settings
+- 📄 Alternative: Extend the default behavior by providing a custom function
 - ☑️ Inherits from the default builder, hence you have the same options
 - 🍰 Simple to use 
 - ⏏️ No eject needed
@@ -208,4 +209,28 @@ declare let VERSION: string;
 console.debug('VERSION', VERSION);
 ```
 
+## Using a custom function to modify the webpack config
 
+For more advanced modifications you can provide a function that gets the webpack config passed and returns the modified one.
+
+Follow the following steps to try it out:
+
+1. Add a file with a config hook to your project (``hook/hook.ts``):
+
+    ```typescript
+    export default (cfg) => {
+        console.debug('config', cfg);
+        // mess around with wepback config here ...
+        return cfg;
+    }
+    ```
+
+2. Compile your solution using ``tsc``.
+
+3. Use the ``configHook`` switch to point to the compiled version of your hook:
+
+    ```
+    ng build --configHook ~dist/out-tsc/hook/hook
+    ```
+
+The prefix ``~`` is replaced with your current directory. If you don't use it, it points to a installed ``node_module``.

lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-build-plus",
-  "version": "6.2.0",
+  "version": "7.0.0",
   "description": "Extensible Builder for the Angular CLI suitable not only for Angular Elements.",
   "license": "MIT",
   "repository": {
@@ -21,9 +21,9 @@
     "webpack-merge": "^4.1.2"
   },
   "peerDependencies": {
-    "@angular-devkit/architect": "^0.7.1",
-    "@angular-devkit/build-angular": "^0.7.1",
-    "@angular-devkit/core": "^0.7.1",
+    "@angular-devkit/architect": "~0.10.0",
+    "@angular-devkit/build-angular": "~0.10.0",
+    "@angular-devkit/core": "~0.10.0",
     "rxjs": "^6.0.0"
   },
   "devDependencies": {

lib/src/index.ts

@@ -7,4 +7,5 @@
  */
 
 export * from './plus';
-export * from './plus-dev-server';
+export * from './plus-dev-server';
+export * from './ext/hook';

lib/src/plus/index.ts

@@ -34,7 +34,13 @@ export class PlusBuilder extends BrowserBuilder  {
     }
 
     if (options.configHook) {
-      const hook = require(options.configHook).default as ConfigHookFn;
+      let configHook = options.configHook;
+
+      if (configHook.startsWith('~')) {
+        configHook = process.cwd() + '/' + configHook.substr(1);
+      }
+
+      const hook = require(configHook).default as ConfigHookFn;
       config = hook(config);
     }
 

readme.md

@@ -4,6 +4,7 @@ Extend the Angular CLI's default build behavior without ejecting:
 
 - 📦 Build a single bundle (e. g. for Angular Elements)
 - 📄 Extend the default behavior by providing a **partial** config that just contains your additional settings
+- 📄 Alternative: Extend the default behavior by providing a custom function
 - ☑️ Inherits from the default builder, hence you have the same options
 - 🍰 Simple to use 
 - ⏏️ No eject needed
@@ -208,4 +209,28 @@ declare let VERSION: string;
 console.debug('VERSION', VERSION);
 ```
 
+## Using a custom function to modify the webpack config
 
+For more advanced modifications you can provide a function that gets the webpack config passed and returns the modified one.
+
+Follow the following steps to try it out:
+
+1. Add a file with a config hook to your project (``hook/hook.ts``):
+
+    ```typescript
+    export default (cfg) => {
+        console.debug('config', cfg);
+        // mess around with wepback config here ...
+        return cfg;
+    }
+    ```
+
+2. Compile your solution using ``tsc``.
+
+3. Use the ``configHook`` switch to point to the compiled version of your hook:
+
+    ```
+    ng build --configHook ~dist/out-tsc/hook/hook
+    ```
+
+The prefix ``~`` is replaced with your current directory. If you don't use it, it points to a installed ``node_module``.

sample/hook/hook.ts

@@ -0,0 +1,4 @@
+export default (cfg) => {
+    console.debug('config', cfg);
+    return cfg;
+}