angular2官方推薦用typescript來(lái)編寫相關(guān)應(yīng)用，而且本人親身實(shí)踐后深深愛上了typescript，它對(duì)于后端程序員來(lái)說(shuō)簡(jiǎn)直是0成本學(xué)習(xí)。但是很多前端第三方庫(kù)都沒有提供ts的版本，因此在開發(fā)中不可避免的會(huì)出現(xiàn)需要整合第三方j(luò)s庫(kù)的情況。由于近期項(xiàng)目涉及到視頻的上傳存儲(chǔ)，而且使用了阿里oss對(duì)象存儲(chǔ)。ali-oss也只提供了js sdk，因此本文就以ali-oss js-sdk的整合為例，介紹下angular2如何整合external js library。

1. 將ali-oss sdk的js文件下載下來(lái)，放到angular2項(xiàng)目的src/assets/js目錄（該目錄可自己選擇）。

2. 告訴angular去哪里加載該庫(kù)。
   在angular-cli.json中找到scripts節(jié)點(diǎn)，加入如下配置：

"scripts": [
        "./assets/js/aliyun-oss-sdk-4.4.4.min.js"
  ]

3.將oss sdk中的OSS對(duì)象聲明到typescript中，以便在其他ts寫的組件中使用。如果不加該聲明在其他組件是無(wú)法使用OSS的，會(huì)出現(xiàn)編譯錯(cuò)誤。
打開typings.d.ts加入下面這段：

declare var OSS: any;

4.在組件中無(wú)需import直接根據(jù)官方js-sdk指南使用，如下：

var client = new OSS.Wrapper({
    region: '<oss region>',
    accessKeyId: '<Your accessKeyId>',
    accessKeySecret: '<Your accessKeySecret>',
    bucket: '<Your bucket name>'
  });