angular2官方推薦用typescript來(lái)編寫(xiě)相關(guān)應(yīng)用毅整，而且本人親身實(shí)踐后深深愛(ài)上了typescript呵恢，它對(duì)于后端程序員來(lái)說(shuō)簡(jiǎn)直是0成本學(xué)習(xí)补君。但是很多前端第三方庫(kù)都沒(méi)有提供ts的版本蹋绽，因此在開(kāi)發(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目錄（該目錄可自己選擇）癌瘾。
- 告訴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寫(xiě)的組件中使用。如果不加該聲明在其他組件是無(wú)法使用OSS的蜕企，會(huì)出現(xiàn)編譯錯(cuò)誤咬荷。
打開(kāi)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>'
});
作者：JamieLooping
鏈接：http://www.reibang.com/p/0322f4eac673
來(lái)源：簡(jiǎn)書(shū)
著作權(quán)歸作者所有糖赔。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)萍丐，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
