码迷,mamicode.com
首页 > Web开发 > 详细

[TypeScript] Using Lodash in TypeScript with Typings and SystemJS

时间:2016-06-10 06:10:33      阅读:473      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!