Forum Discussion
How To: Include a script in my web part
Hi smithme ,
you can find best practics to add external libraries to spfx webpart here https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/basics/add-an-external-library
Talking about gstatic, if you are using plain Javascript, and not React, as per documentation, you need to reference external non-AMD module.
Here you can find a sample https://github.com/AJIXuMuK/issues/tree/master/google-charts
Cheers,
Federico
hi smithme
if you see the GitHub link that I posted, you can find this configuration:
config/config.json
"externals": {
"google": {
"path": "https://www.gstatic.com/charts/loader.js",
"globalName": "google"
}
},google.d.ts under src/typing/
declare module "google" {
interface IGoogle {
charts: any;
visualization: any;
}
var google: IGoogle;
export = google;
}and in your ts webpart
import * as google from 'google';
and then you can use in this way i.e. https://github.com/AJIXuMuK/issues/blob/master/google-charts/src/webparts/helloWorld/HelloWorldWebPart.ts
Cheers,
Federico
Thank you Federico. Very help and good find with the GitHub project that uses the Google charts. Thanks.
- you're welcome :)