# angular-inliner-loader

> Webpack loader that inlines template and styles in Angular components

Latest version **1.0.0** (published 2017-11-03) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install angular-inliner-loader
pnpm add angular-inliner-loader
yarn add angular-inliner-loader
bun add angular-inliner-loader
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-11-03 |
| First published | 2017-11-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | zefoy |

## Links

- npm: https://www.npmjs.com/package/angular-inliner-loader
- Repository: https://github.com/zefoy/angular-inliner-loader
- Homepage: https://github.com/zefoy/angular-inliner-loader#readme
- Issues: https://github.com/zefoy/angular-inliner-loader/issues
- npm.io page: https://npm.io/package/angular-inliner-loader

## Dependencies (1)

- [loader-utils](https://npm.io/package/loader-utils.md) ^1.1.0

## Recent versions

- 1.0.0 (latest) — 2017-11-03

## README

# Angular inliner loader

<a href="https://badge.fury.io/js/angular-inliner-loader"><img src="https://badge.fury.io/js/angular-inliner-loader.svg" align="right" alt="npm version" height="18"></a>

Webpack loader that inlines template and styles in Angular components.

### Installing

```bash
$ npm install angular-inliner-loader --save
```

### Usage

Chain the angular-inliner-loader to your currently used typescript loader.

loaders: ['awesome-typescript-loader', 'angular-inliner-loader'],

Supported loader options (can be given either via query or options object):

```
styleSuffix:        Replace style file extensions with given suffix.
templateSuffix:     Replace template file extensions with given suffix.
```

### Example

```javascript
module: {
  loaders: [
    {
      test: /\.ts$/,
      loaders: ['awesome-typescript-loader', 'angular-inline-loader'],
      exclude: [/\.(spec|e2e)\.ts$/]
    },
    {
      test: /\.(html|css)$/,
      loader: 'raw-loader'
    }
  ]
}
```

To be able to use the angular-inliner-loader you must have a loader registered, which can handle the template and style files.

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