Hi, I have read that all you have to do to get an external javascript file loaded in ionic to is npm install [package] --save, then add the typings if available. Seems to work for some javascript files but not others. I have a external file, (gridster and jquery), that I installed with npm and ad…

[image] grendo: but it can’t be this hard to just add an external js file can it? It could be harder than it should be, when using the wrong tool for the job. Basically you want to ensure that a few scripts are always included and executed in a specific order - why bother wrestling with the t…

not sure if this is the best way but I got js files going into the app.bundle.js file by playing with the src property of the browserify command in the gulpfile. I still have a issue with jquery loading in the right order but a bit closer.

@grendo I’m a bit late to reply so I guess that you already read this: [image] Ionic V2 & npm modules I’ll recommend you to check out the following article: Ionic 2 and External Libraries . You’ll probably have to also customize the build process. Check out the ionic-gulp-tasks and more precisely…

Problem seems to be jquery gets picked up by browserify but gridster does not, might be because gridster does not have a main tag in its package.json. If I load both files in index.html somehow jquery ends up in the bundle. Was so much easier in ionic 1. Trying out browerfiy-shim, but it can’t be…

I worked around this by installing all my external js files using bower so they did not get caught up in the whole browserify/npm/browserify shim bundling, (just keep getting issues trying to stop browserify to ignore some files that were installed with npm like jquery), then added a gulp task to pa…

[image] grendo: …then added a gulp task to package up the js as you suggested. Works well for me… Ok, great, I’m glad you got it working.

How did you add bower to the build? Thanks!

Hi, how can i do this with Ionic 2 RC 0 and ionic-app-scripts? Thanks for a solution.

@scottlott found a solution with ionic-app-scripts [image] RC0 Injecting Custom Scripts ionic-v3 Thanks for the heads up on that pickup man! I have no idea how you found to use the “config” in your package file but it’s working! You put this in the package.json file: …

Loading external javascript files in ionic2

Ionic Framework ionic-v3

danielmm1997 October 2, 2016, 12:04pm 10

@scottlott found a solution with ionic-app-scripts

Topic		Replies	Views
Best practice to include external javascript libraries ionic-v3	10	31437	February 15, 2017
Ionic V2 & npm modules ionic-v3	1	2391	April 23, 2016
Using an existing js library (jQuery) in ionic 2 ionic-v3	6	8062	May 15, 2016
How to include external javascript files and folders? as well as bower components ionic-v3	3	5688	March 9, 2016
Using npm modules with ionic 2 ionic-v3	2	2006	March 21, 2016

Loading external javascript files in ionic2

Related topics