How can i add external js files to work on angular cli V 7.2.1

Question

I was converting my html css js codes into angular. I couldnt add third party js script like isotope.pkgd.min.js. I put the js file in angular.json file under script section it doesnt load.

"scripts": [
          "node_modules/jquery/dist/jquery.min.js",
          "src/assets/js/classie.js",
          "src/assets/js/modernizr.custom.js",
          "src/assets/js/stepsForm.js",
          "src/assets/js/switch.js",
          "src/assets/js/isotope.pkgd.min.js"
        ]

I want to add custom js like bootstrap.min.js without using npm install bootstrap --save

Nuno Sousa · Accepted Answer · 2019-01-12 20:13:53Z

0

You need to have a local copy of your js file, (install it by npm or not ... no one cares) and then include it in the scripts as you have shown in the question. That WORKS.

If you want to use a CDN (imort the js from an online source at client side), just include the CDN in the index.html of your application, as you would normally do if it was a non-angular project.

Edit: To use a global loaded js file in angular components/services etc., you need to declare it in the typescript files or otherwise you'll get error.

edited Jan 12, 2019 at 20:13

answered Jan 12, 2019 at 20:11

Nuno Sousa

8927 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Abraham George Over a year ago

I have local copy of js files in my assets/js folder. still it dont reflect when i do ng serve

Nuno Sousa Over a year ago

Show us the file tree, it's probably a pathing issue, or a very complicated webpack problem. Did you use the cli to create the project?

Abraham George Over a year ago

i used cli to create project

Nuno Sousa Over a year ago

in the browser debugger, can you go to sources, and see if a scripts.js is emitted, and if your scripts are there?

Abraham George Over a year ago

are u using the latest cli version?

|

Collectives™ on Stack Overflow

How can i add external js files to work on angular cli V 7.2.1

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related