Making web3/bitcore-lib work with Angular 6-11 and >=11

package.json

{...
  "scripts": {
    "postinstall": "node patch.js",
    ...
  }
}

patch.js

// Angular >= 11 
const fs = require('fs')
const f = 'node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js'

fs.readFile(f, 'utf8', function(err, data) {
  if (err) {
    return console.log(err)
  }
  var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true, fs: "empty"}')

  fs.writeFile(f, result, 'utf8', function(err) {
    if (err) return console.log(err)
  })
});
// ----

// For Angular <11
const fs = require('fs');
const f = 'node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js';

fs.readFile(f, 'utf8', function (err,data) {
  if (err) {
    return console.log(err);
  }
  var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true}');

  fs.writeFile(f, result, 'utf8', function (err) {
    if (err) return console.log(err);
  });
});
// ----

#14 90.92 Error: Cannot find module '/opt/project/patch.js'
#14 90.92 at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
#14 90.92 at Function.Module._load (internal/modules/cjs/loader.js:725:27)
#14 90.92 at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
#14 90.92 at internal/main/run_main_module.js:17:47 {
#14 90.92 code: 'MODULE_NOT_FOUND',
#14 90.92 requireStack: []
#14 90.92 }

im having error on jenkins build can someone help me ?

This solution doesn't seem to work anymore at least not in angular v13. Check out new solution here

This solution doesn't seem to work anymore at least not in angular v13. Check out new solution here

It should be obvious that it won't work for Angular 14 as well because there is no browser.js file in the path "node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js"

It should be obvious that it won't work for Angular 14 as well because there is no browser.js file in the path "node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js"

Yes I was modifying browser.js as well, but now it's gone, and I find a new way:
My currently version: @angular/cli@v15.2.7", electron": "^24.1.3", "electron-builder": "^23.6.0".

APPROCH 1:

1. You need the @angular-builders/custom-webpack, (for me, I just use the latest release and it is ^15.0.0, you may need to adjust in future)
   npm install --save-dev @angular-builders/custom-webpack@^15.0.0
2. update angular.json:

"your-app-name":{
       "architect": {
              "build": {
                      "builder": "@angular-builders/custom-webpack:browser",
                      "options": {
                        "customWebpackConfig": {
                             "path": "./extra-webpack.config.js"
                        },
              "serve": {
                      "builder": "@angular-builders/custom-webpack:dev-server",
                      "options": {
                           "browserTarget":"your-app-name:build"
                      },
...

3. extra-webpack.config.js

module.exports = {target:'electron-renderer'}

APPROCH 2: Here again we modify the config file :p
Your scripts now should update this file: node_modules\@angular-devkit\build-angular\src\webpack\configs\common.js
And make sure the target will be replaced to 'electron'-renderer' only.
replace old > target: [isPlatformServer ? 'node' : 'web', 'es2015'],
to > target: ['electron-renderer'],