{"id":21915,"library":"rollup-plugin-angular-inline","title":"rollup-plugin-angular-inline","description":"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.","status":"deprecated","version":"1.0.1","language":"javascript","source_language":"en","source_url":"https://github.com/filipesilva/rollup-plugin-angular-inline","tags":["javascript","Rollup","Angular","Inline","template","templateUrl","styles","styleUrls","typescript"],"install":[{"cmd":"npm install rollup-plugin-angular-inline","lang":"bash","label":"npm"},{"cmd":"yarn add rollup-plugin-angular-inline","lang":"bash","label":"yarn"},{"cmd":"pnpm add rollup-plugin-angular-inline","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency required to function as a Rollup plugin","package":"rollup","optional":false}],"imports":[{"note":"ESM-only; CommonJS require will not work with Rollup plugin.","wrong":"const angularInline = require('rollup-plugin-angular-inline');","symbol":"angularInline","correct":"import angularInline from 'rollup-plugin-angular-inline';"},{"note":"The module has a default export, not a named export.","wrong":"import { angularInline } from 'rollup-plugin-angular-inline';","symbol":"default","correct":"import angularInline from 'rollup-plugin-angular-inline';"},{"note":"TypeScript types are included; use import type for options.","wrong":null,"symbol":"types","correct":"import type { AngularInlineOptions } from 'rollup-plugin-angular-inline';"}],"quickstart":{"code":"// rollup.config.js\nimport angularInline from 'rollup-plugin-angular-inline';\n\nexport default {\n  input: './src/index.js',\n  output: {\n    file: './bundles/my-lib.umd.js',\n    format: 'umd',\n    name: 'ng.my-lib',\n    globals: {\n      '@angular/core': 'ng.core'\n    }\n  },\n  plugins: [\n    angularInline({ include: './src/**/*.component.js' })\n  ]\n};","lang":"javascript","description":"Configure Rollup to inline Angular template URLs and styles after ngc compilation for UMD bundle production."},"warnings":[{"fix":"Consider using a build step that inlines templates/styles directly in TypeScript sources, e.g., angular-quickstart-lib.","message":"Plugin likely produces inaccurate sourcemaps for inlined templates/styles.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Migrate to a TypeScript-based inliner like the one in angular-quickstart-lib.","message":"The package is deprecated in favor of inlining in TypeScript sources directly.","severity":"deprecated","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Run 'npm install --save-dev rollup-plugin-angular-inline'.","cause":"Package not installed or missing from node_modules.","error":"Error: Cannot find module 'rollup-plugin-angular-inline'"},{"fix":"Use 'import angularInline from ...' instead of 'import { angularInline } from ...'.","cause":"Incorrect import style; used named import instead of default import.","error":"TypeError: angularInline is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}