首页 > Web开发 > 详细

[TypeScript] Using Lodash in TypeScript with Typings and SystemJS

时间:2016-06-10 06:09:29      阅读:1910      评论:0      收藏:0      [点我收藏+]

One of the most confusing parts of getting started with TypeScript is figuring out how to use all the libraries that you know and love from JavaScript. This lesson walks you through including Lodash in your project, installing Lodash definition files, and then properly loading Lodash with SystemJS.

 

install:

npm install -g typings

 

Excludes extra files and folder:

{
    "compilerOptions": {
        "rootDir": "src",
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false,
        "outDir": "./dist",
        "noEmitOnError": true
    },
    "exclude": [
        "node_modules",
        "typings/main",
        "typings/main.d.ts"
    ]
}

 

Install lodash:

typing install lodash --save

 

Import lodash:

import * as _ from ‘lodash‘;

 

This time, Compiler will report error says that cannot find lodash. This is because we need to tell System.js where to find lodash.

<script>
    System.config({
        packages: {
            "dist": {
                "defaultExtension": "js",
                "main": "main"
            }
        },
        map: {
            "lodash": "https://npmcdn.com/lodash@4.13.1"
        }
    });

    System.import("dist")
</script>

 

Use it:

import {SocialNetwork} from ‘./interfaces‘;
import * as _ from ‘lodash‘;

class App implements SocialNetwork{
    title = "Facebook";

    getPeople(){
        return [{name: ‘John‘}]
    }
}

console.log(_.isArray(new App().getPeople()));

 

[TypeScript] Using Lodash in TypeScript with Typings and SystemJS

原文:http://www.cnblogs.com/Answer1215/p/5573065.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!