https://github.com/filipesilva/rollup-plugin-angular-inline
Angular templateUrl and styleUrls inliner for Rollup.
https://github.com/filipesilva/rollup-plugin-angular-inline
angular inline rollup
Last synced: 12 months ago
JSON representation
Angular templateUrl and styleUrls inliner for Rollup.
- Host: GitHub
- URL: https://github.com/filipesilva/rollup-plugin-angular-inline
- Owner: filipesilva
- License: mit
- Created: 2017-03-01T14:55:17.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-06T21:08:45.000Z (almost 9 years ago)
- Last Synced: 2025-04-02T20:06:11.437Z (about 1 year ago)
- Topics: angular, inline, rollup
- Language: TypeScript
- Homepage:
- Size: 10.7 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Warning
This approach will likely produce innaccurate sourcemaps.
A better approach is to inline templates/styles directly in the TypeScript sources, which guarantees sourcemaps will be correctly produced by TypeScript.
Such a build step can be found at https://github.com/filipesilva/angular-quickstart-lib.
# rollup-plugin-angular-inline
[![Build Status][travis-badge]][travis-badge-url]
Angular templateUrl and styleUrls inliner for Rollup, based on the
[angular/material2](https://github.com/angular/material2/blob/master/scripts/release/inline-resources.js)
inlining script.
Also removes `module.id` since it isn't needed afterwards.
Operates over transpiled JavaScript files so you need to provide `include` globs to ensure
replacement is only happening on Angular Components.
Used after `ngc`, to inline templates/styles for UMD bundles but still have es2015 files for
tree shaking.
## Installation
```bash
npm install --save-dev rollup-plugin-angular-inline
```
## Example
```json
// package.json
"scripts": {
"build": "ngc && rollup -c rollup-config.js",
}
```
```javascript
// rollup-config.js
import angularInline from 'rollup-plugin-angular-inline';
export default {
entry: './src/index.js',
dest: './bundles/my-lib.umd.js',
format: 'umd',
moduleName: 'ng.my-lib',
globals: {
'@angular/core': 'ng.core'
},
plugins: [
angularInline({ include: './src/**/*.component.js' })
]
}
```
[travis-badge]: https://travis-ci.org/filipesilva/rollup-plugin-angular-inline.svg?branch=master
[travis-badge-url]: https://travis-ci.org/filipesilva/rollup-plugin-angular-inline