Registry / web-framework / rollup-plugin-angular-inline

rollup-plugin-angular-inline

JSON →
library1.0.1jsnpmunverified

Rollup plugin to inline Angular templateUrl and styleUrls into transpiled JavaScript files, and remove module.id. Current version: 1.0.1. Based on the Angular Material2 inlining script, it operates after ngc to produce UMD bundles while preserving ES2015 for tree shaking. Aims to simplify Angular library builds, but the README warns of inaccurate sourcemaps. Serves as a transitional tool; the author recommends a more modern approach that inlines templates/styles directly in TypeScript sources via https://github.com/filipesilva/angular-quickstart-lib.

web-framework
npm install rollup-plugin-angular-inline
github ↗package ↗
INSTALL
IMPORT
SIG · ROLLUP-PLUGIN-ANGU
R
rollup-plugin-angular-inline
web-frameworkjavascriptv1.0.1
Install
—
Import
—
Disk
—
Pass rate
0/ 6
Env Coverage0 / 6
glibc
18–22
musl
18–22
Install & Compatibility
Where this runs
tested against v? · npm install
Install × environment matrix
Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux
musl
node 18–223 runs
build_error
glibc
node 18–223 runs
build_error
Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

angularInline
✓ import angularInline from 'rollup-plugin-angular-inline';
✗ const angularInline = require('rollup-plugin-angular-inline');
ESM-only; CommonJS require will not work with Rollup plugin.
default
✓ import angularInline from 'rollup-plugin-angular-inline';
✗ import { angularInline } from 'rollup-plugin-angular-inline';
The module has a default export, not a named export.
types
✓ import type { AngularInlineOptions } from 'rollup-plugin-angular-inline';
TypeScript types are included; use import type for options.

Configure Rollup to inline Angular template URLs and styles after ngc compilation for UMD bundle production.

// rollup.config.js import angularInline from 'rollup-plugin-angular-inline'; export default { input: './src/index.js', output: { file: './bundles/my-lib.umd.js', format: 'umd', name: 'ng.my-lib', globals: { '@angular/core': 'ng.core' } }, plugins: [ angularInline({ include: './src/**/*.component.js' }) ] };
Debug
Known issues
gotchaPlugin likely produces inaccurate sourcemaps for inlined templates/styles.
fix
Consider using a build step that inlines templates/styles directly in TypeScript sources, e.g., angular-quickstart-lib.
affects: >=1.0.0
deprecatedThe package is deprecated in favor of inlining in TypeScript sources directly.
fix
Migrate to a TypeScript-based inliner like the one in angular-quickstart-lib.
affects: >=1.0.0
Errors
Common errors & fixes
Error: Cannot find module 'rollup-plugin-angular-inline'
Package not installed or missing from node_modules.
fix
Run 'npm install --save-dev rollup-plugin-angular-inline'.
TypeError: angularInline is not a function
Incorrect import style; used named import instead of default import.
fix
Use 'import angularInline from ...' instead of 'import { angularInline } from ...'.
Upgrade
Version history
1.0.1latest on npm
Audit
Dependencies
rolluprequiredpeer dependency required to function as a Rollup plugin
Agent activity
4 hits · last 30 days
node
4
Resources
githubhttps://github.com/filipesilva/rollup-plugin-angular-inline ↗
packagehttps://www.npmjs.com/package/rollup-plugin-angular-inline ↗
rollup-plugin-angular-inline — npm install rollup-plugin-angular-inline · libregistry