angular4+ 引用外部js檔案，使用第三方js外掛
阿新 • • 發佈：2018-12-15
1.在tsconfig.json檔案裡找到compilerOptions屬性，在屬性裡面加個 “allowJs”: true。
2.將你的外部js檔案放到assets資料夾裡，找到 angular.json檔案，找到scripts配置js檔案路徑。
3.在src目錄下新建個檔案typings.d.ts，內容如下：declare var RSAUtils: any;
接下來就可以在元件裡直接呼叫RSAUtils裡的方法。
4.對於有些第三方類庫，UI元件庫，例如bootstrap，jquery等許多常用的都有宣告檔案，直接匯入就可以，例如jquery：
-
cnpm install jquery --save 安裝jquery依賴包到node_modules目錄下
-
npm install @types/jquery --save-dev 安裝型別描述檔案到node_modules目錄下，只安裝到開發環境
-
修改angular.json檔案，增加styles(引入css的路徑)和scripts(引入js的路徑) “scripts”: ["…/node_modules/jquery/dist/jquery.js"]
-
修改tsconfig.app.json檔案，新增到types陣列 “types”: [“jquery”],然後就可以使用$語法了