So here are two possible problems we need to address
1) How to add the reference of external JS in the main angular project(demo project)
2) How to add the reference of external JS in NPM package.
The solution for the 1’st scenario is :
Provide the reference of your external JS in your angular.json file of main angular project in a script tag and provide the path of your package from your libraries node_modules folder like this.
"scripts": [ "./projects/my-cool-library/node_modules/my-exteranl-library/dist/x.js"]
The solution for the 2’nd scenario is :
Approach 1
So now you have created the NPM package from your library and you are going to use it in different project. obviously your 3rd party package dependency will get auto downloaded once you download your package you just have to provide the reference of that JS in script tag of angular.json file of new project.
"scripts": [ "./node_modules/my-exteranl-library/dist/x.js"]
Approach 2
Don’t specify your third party dependency while creating your NPM package
remove the entry from package.json file of your cool-library
"dependencies": {
"my-exteranl-library": "^1.1.0" <-- Remove this
}
and add the js directly in newly created application via CDN in index.html file using script tag
<script src="https://demo-cdn.com/ajax/libs/my-exteranl-library/dist/x.js"></script>
There is 3rd way very you can download the JS by writing the code in your library will share here shortly.