rollup-plugin-angular-inline
v1.0.1
Published
Angular templateUrl and styleUrls inline for Rollup.
Downloads
182
Maintainers
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
Angular templateUrl and styleUrls inliner for Rollup, based on the
angular/material2
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
npm install --save-dev rollup-plugin-angular-inline
Example
// package.json
"scripts": {
"build": "ngc && rollup -c rollup-config.js",
}
// 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' })
]
}