1. 程式人生 > >Angular5.x引入第三方庫

Angular5.x引入第三方庫

此部落格內容適用於Angular2.x~Angular5.x範圍。

Angular引用第三方JS庫: 

      1、通過靜態資源引入ng專案中,在index頁面上引入script路徑 例:/assets/js/test.js,需要在.angular-cli.json中宣告檔案路徑,在需要的component中       使用 declare var JsName:any; // 宣告JsName 即可在專案中使用外掛      2、直接通過cdn的方式,在index.html中引用js外掛地址,例如:<script src="https://cdn.bootcss.com/jquery/3.3.1/core.js"></script>,

        在需要的component中,使用 declare var $:any; // 宣告$ 即可在專案中使用JQuery.

      3、通過npm安裝node_module包,也需要在.angular-cli.json中宣告檔案路徑,使用時用import * as JsName from 'url';