# angular-cli-extended

> An extended @angular/cli with superpowers

Latest version **1.0.2** (published 2018-06-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install angular-cli-extended
pnpm add angular-cli-extended
yarn add angular-cli-extended
bun add angular-cli-extended
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2018-06-14 |
| First published | 2018-06-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 36.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | yes |
| Author | Christian Scharr |
| Maintainers | cscharr |
| Keywords | angular, angular-cli, webpack, webpack-dev-server, angular-build-tool |

## Links

- npm: https://www.npmjs.com/package/angular-cli-extended
- Repository: https://github.com/christianscharr/angular-cli-extended
- Homepage: https://github.com/christianscharr/angular-cli-extended#readme
- Issues: https://github.com/christianscharr/angular-cli-extended/issues
- npm.io page: https://npm.io/package/angular-cli-extended

## Dependencies (3)

- [webpack](https://npm.io/package/webpack.md) ~4.8.1
- [webpack-merge](https://npm.io/package/webpack-merge.md) ^4.1.2
- [@types/webpack](https://npm.io/package/@types/webpack.md) ^4.4.0

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2018-06-14
- 1.0.1 — 2018-06-13
- 1.0.0 — 2018-06-13

## README

# angular-cli-extended
An extended @angular/cli with superpowers for **Angular >= 6**

## Features:
- :rocket: boost up your @angular/cli application with an customized webpack configuration
  - :tada: **no ng eject needed:** just change your angular.json configuration to use our extended angular builder
  - :heavy_plus_sign: **partial webpack configuration:** no need to write a full "jack of all trades" configuration, only enrich the default @angular/cli generated configuration with your flavors

## Using your own (partial) webpack configuration
Preparation:
- Install this package `npm install --save-dev christianscharr/angular-cli-extended`
- Open your @angular/cli project configuration at: `angular.json`

Replace the default @angular/cli builder
- replace all appearances of `@angular-devkit/build-angular:browser` with the extended version `angular-cli-extended:browser`

Configure the extended Builder to use your own (partial) custom webpack configuration:
- in the shell: `--additionalWebpackConfiguration webpack.config.js`
- or add `additionalWebpackConfiguration` to your `angular.json` project configuration:
```json
[...]
"architect": {
    "build": {
        "builder": "angular-cli-extended:browser",
            "options": {
                "additionalWebpackConfiguration": "webpack.config.js"
[...]
```
**Example webpack.config.js**
```js
module.exports = {
    output: {
        jsonpFunction: "MyApp"
    }
};
```

## Using your own (partial) webpack devServer configuration
**:warning: ATTENTION :warning:**
Don't nest the webpack devServer configuration inside `devServer`!

- Install this package `npm install --save-dev christianscharr/angular-cli-extended`
- Open your @angular/cli project configuration at: `angular.json`

Replace the default @angular/cli builder
- replace all appearances of `@angular-devkit/build-angular:dev-server` with the extended version `angular-cli-extended:dev-server`

Configure the extended Builder to use your own (partial) custom webpack configuration:
- in the shell: `--additionalWebpackConfiguration webpack.dev.config.js`
- or add `additionalWebpackConfiguration` to your `angular.json` project configuration:
```json
[...]
"serve": {
    "builder": "angular-cli-extended:dev-server",
    "options": {
        "browserTarget": "myproject:build",
        "additionalWebpackConfiguration": "webpack.config.js"
    }
[...]
```
**Example webpack.dev.config.js**
```js
module.exports = {
    headers: {
        "Access-Control-Allow-Origin": "http://localhost.dev:8080",
        "Access-Control-Allow-Credentials": "true"
    }
};
```

---
_Source: https://npm.io/package/angular-cli-extended · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._