Extend the angular builder with Esbuild plugins (Experimental now)

This repo is an extend with angularhttps://www.npmjs.com/package/@angular-devkit/build-angular, provided the custom plugins.

Current usage

consider publish into npm

1. download and build

   1. git pull <> dir-name
   2. npm install
   3. npm run build

2. config in angular project

   1. add to the dev dependency: "@xkx/custom-esbuild": "file:../../../web-dev/custom_esbuild", replace ../../../web-dev/custom_esbuild into your last step dir-name
   2. npm install (your angular project)
   3. change the angular.json

         ...
         "architect": {
           "build": {
             "builder": "@xkx/custom-esbuild:esbuild",
        ...
             "options": {
                 ...
                    "customEsbuildConfig": "./esbuild/esbuildConfig.js",  (path to your customer config, currently hard code for vite-serve )
                 ...
               }

   4. config the esbuild plugin file

      const wsdlPlugin = require('./plugins/xml.plugin');
       const ttfLoaderPlugin = require('./plugins/ttf.plugin');
       
       const getPlugins = async () => {
           const plugins = []
           const svgPluginModule = await import('esbuild-plugin-svg');
           if (svgPluginModule.default) {
               plugins.push(svgPluginModule.default())
           }
           const polyfillNodeModule  = await import('esbuild-plugin-polyfill-node');
           if (polyfillNodeModule) {
               plugins.push(polyfillNodeModule.polyfillNode({ fs: true }))
           }
           plugins.push(wsdlPlugin())
           plugins.push(ttfLoaderPlugin())
           return plugins
       }
       module.exports = { getPlugins: getPlugins }

3. Run ng build