{"id":15093047,"url":"https://github.com/angular/ngtools-webpack-builds","last_synced_at":"2025-10-19T11:32:10.717Z","repository":{"id":37561606,"uuid":"88288976","full_name":"angular/ngtools-webpack-builds","owner":"angular","description":"Build artifacts for @ngtools/webpack","archived":false,"fork":false,"pushed_at":"2024-12-23T18:41:55.000Z","size":7049,"stargazers_count":28,"open_issues_count":0,"forks_count":14,"subscribers_count":11,"default_branch":"main","last_synced_at":"2024-12-25T05:31:35.560Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/angular.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-04-14T17:36:10.000Z","updated_at":"2024-12-23T18:41:52.000Z","dependencies_parsed_at":"2023-11-27T13:43:59.433Z","dependency_job_id":"4544d355-9323-481f-b22a-546c4d969185","html_url":"https://github.com/angular/ngtools-webpack-builds","commit_stats":{"total_commits":7775,"total_committers":5,"mean_commits":1555.0,"dds":0.0911897106109325,"last_synced_commit":"101bd18812c723ad741a66564246c6b0a00a5f48"},"previous_names":[],"tags_count":10905,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fngtools-webpack-builds","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fngtools-webpack-builds/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fngtools-webpack-builds/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fngtools-webpack-builds/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular","download_url":"https://codeload.github.com/angular/ngtools-webpack-builds/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237117317,"owners_count":19258387,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-09-25T11:03:15.661Z","updated_at":"2025-10-19T11:32:05.386Z","avatar_url":"https://github.com/angular.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Snapshot build of @ngtools/webpack\n\nThis repository is a snapshot of a commit on the original repository. The original code used to\ngenerate this is located at http://github.com/angular/angular-cli.\n\nWe do not accept PRs or Issues opened on this repository. You should not use this over a tested and\nreleased version of this package.\n\nTo test this snapshot in your own project, use\n\n```bash\nnpm install git+https://github.com/angular/ngtools-webpack-builds.git\n```\n\n----\n# Angular Compiler Webpack Plugin\n\nWebpack 5.x plugin for the Angular Ahead-of-Time compiler. The plugin also supports Angular JIT mode.\nWhen this plugin is used outside of the Angular CLI, the Ivy linker will also be needed to support\nthe usage of Angular libraries. An example configuration of the Babel-based Ivy linker is provided\nin the linker section. For additional information regarding the linker, please see: https://angular.dev/tools/libraries/creating-libraries#consuming-partial-ivy-code-outside-the-angular-cli\n\n## Usage\n\nIn your webpack config, add the following plugin and loader.\n\n```typescript\nimport { AngularWebpackPlugin } from '@ngtools/webpack';\n\nexports = {\n  /* ... */\n  module: {\n    rules: [\n      /* ... */\n      {\n        test: /\\.[jt]sx?$/,\n        loader: '@ngtools/webpack',\n      },\n    ],\n  },\n\n  plugins: [\n    new AngularWebpackPlugin({\n      tsconfig: 'path/to/tsconfig.json',\n      // ... other options as needed\n    }),\n  ],\n};\n```\n\nThe loader works with webpack plugin to compile the application's TypeScript. It is important to include both, and to not include any other TypeScript loader.\n\n## Options\n\n- `tsconfig` [default: `tsconfig.json`] - The path to the application's TypeScript Configuration file. In the `tsconfig.json`, you can pass options to the Angular Compiler with `angularCompilerOptions`. Relative paths will be resolved from the Webpack compilation's context.\n- `compilerOptions` [default: none] - Overrides options in the application's TypeScript Configuration file (`tsconfig.json`).\n- `jitMode` [default: `false`] - Enables JIT compilation and do not refactor the code to bootstrap. This replaces `templateUrl: \"string\"` with `template: require(\"string\")` (and similar for styles) to allow for webpack to properly link the resources.\n- `directTemplateLoading` [default: `true`] - Causes the plugin to load component templates (HTML) directly from the filesystem. This is more efficient if only using the `raw-loader` to load component templates. Do not enable this option if additional loaders are configured for component templates.\n- `fileReplacements` [default: none] - Allows replacing TypeScript files with other TypeScript files in the build. This option acts on fully resolved file paths.\n- `inlineStyleFileExtension` [default: none] - When set inline component styles will be processed by Webpack as files with the provided extension.\n\n## Ivy Linker\n\nThe Ivy linker can be setup by using the Webpack `babel-loader` package.\nIf not already installed, add the `babel-loader` package using your project's package manager.\nThen in your webpack config, add the `babel-loader` with the following configuration.\nIf the `babel-loader` is already present in your configuration, the linker plugin can be added to\nthe existing loader configuration as well.\nEnabling caching for the `babel-loader` is recommended to avoid reprocessing libraries on\nevery build.\nFor additional information regarding the `babel-loader` package, please see: https://github.com/babel/babel-loader/tree/main#readme\n\n```typescript\nimport linkerPlugin from '@angular/compiler-cli/linker/babel';\n\nexports = {\n  /* ... */\n  module: {\n    rules: [\n      /* ... */\n      {\n        test: /\\.[cm]?js$/,\n        use: {\n          loader: 'babel-loader',\n          options: {\n            cacheDirectory: true,\n            compact: false,\n            plugins: [linkerPlugin],\n          },\n        },\n      },\n    ],\n  },\n};\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular%2Fngtools-webpack-builds","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular%2Fngtools-webpack-builds","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular%2Fngtools-webpack-builds/lists"}