As already said, angular library now support assets since the v9.x of angular.
But it isn’t well explained on their website. To make it work you’ll have to:
- Add an assets folder at the root of your library project
- Add
"assets": ["./assets"],
into theng-package.json
file of the library
{
"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
"dest": "../../dist/icon",
"assets": ["./assets"], // <-- Add it here
"lib": {
"entryFile": "src/public-api.ts"
}
}
Reminder: tsconfig.lib.json path do not work in an angular libraries, so after your change you may have to edit manually the import of the assets with relative path
Then you could just add what you want in this folder
Additional tips : Use it within your project
Then if you wish to use it into the project it get imported into, do :
Assets, js, styles in angular.json
Add those files into your angular.json
file
{
/*...*/
"assets": [ // Import every assets
{
"glob": "**/*",
"input": "./node_modules/custom-project/assets",
"output": "/assets/"
}
],
"styles" : [ // Only custom css
"node_modules/custom-project/assets/my-css-file.css"
],
"scripts" : [
"node_modules/custom-project/assets/my-js-file.js"
]
}
Js as part of the app.module
You could directly also add js into children file even if I’m not sure if it really lazy loading those files.
example, into your home.module.ts
file, import
import 'custom-project/assets/my-js-file.js'