title: Cannot just import lodash.add in my angular 4 project
body: <p>I'm trying to just import the  <code>add</code> method of <code>lodash</code> using angular4+typescript.</p>
  
  <p>I tried a lot of differents things:</p>
  
  <pre><code>import { add } from 'lodash';
  import { add } from 'lodash/add';
  import * as add from 'lodash/add';
  import { add } from 'lodash.add';
  import * as add from 'lodash.add';
  </code></pre>
  
  <p>(and others I've forgotten)</p>
  
  <p>Here's my <strong>latest</strong> (desesperate?) <strong>attempt</strong> at achieving this:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import add = require('lodash.add');
  
  @Component({
    selector: 'app-test',
    templateUrl: './test.component.html',
    styleUrls: ['./test.component.css']
  })
  export class TestComponent implements OnInit {
    private x: number;
  
    constructor() { }
  
    ngOnInit() {
      let y = add(5, 5);
    }
  
  }
  </code></pre>
  
  <p>But it doesn't work.</p>
  
  <p>When I "ng serve" I get the message:</p>
  
  <blockquote>
    <p>ERROR in ...test.component.ts (2,1): Import assignment cannot be used when targeting ECMAScript 2015 modules. Consider using 'import
     * as ns from "mod"', 'import {a} from "mod"', 'import d from "mod"', or another module format instead.)</p>
  </blockquote>
  
  <p>My package config:</p>
  
  <pre><code>{
    "name": "treeshake",
    "version": "0.0.0",
    "license": "MIT",
    "angular-cli": {},
    "scripts": {
      "ng": "ng",
      "start": "ng serve",
      "test": "ng test",
      "lint": "ng lint",
      "e2e": "ng e2e"
    },
    "private": true,
    "dependencies": {
      "@angular/common": "^2.4.0",
      "@angular/compiler": "^2.4.0",
      "@angular/core": "^2.4.0",
      "@angular/forms": "^2.4.0",
      "@angular/http": "^2.4.0",
      "@angular/platform-browser": "^2.4.0",
      "@angular/platform-browser-dynamic": "^2.4.0",
      "@angular/router": "^3.4.0",
      "@types/lodash": "lattest",
      "@types/lodash.add": "^3.7.2",
      "core-js": "^2.4.1",
      "lodash": "^4.17.4",
      "lodash.add": "^3.7.0",
      "rxjs": "^5.4.2",
      "zone.js": "^0.7.6"
    },
    "devDependencies": {
      "@angular/cli": "1.0.0-beta.32.3",
      "@angular/compiler-cli": "^2.4.0",
      "@types/jasmine": "2.5.38",
      "@types/node": "~6.0.60",
      "codelyzer": "~2.0.0-beta.4",
      "jasmine-core": "~2.5.2",
      "jasmine-spec-reporter": "~3.2.0",
      "karma": "~1.4.1",
      "karma-chrome-launcher": "~2.0.0",
      "karma-cli": "~1.0.1",
      "karma-coverage-istanbul-reporter": "^0.2.0",
      "karma-jasmine": "~1.1.0",
      "karma-jasmine-html-reporter": "^0.2.2",
      "protractor": "~5.1.0",
      "ts-node": "~2.0.0",
      "tslint": "~4.4.2",
      "typescript": "^2.4.1"
    }
  }
  </code></pre>
  
  <p>and my tsconfig.json</p>
  
  <pre><code>{
    "compilerOptions": {
      "baseUrl": "",
      "declaration": false,
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "lib": [
        "es2016",
        "dom"
      ],
      "mapRoot": "./",
      "module": "es2015",
      "moduleResolution": "node",
      "outDir": "../dist/out-tsc",
      "sourceMap": true,
      "target": "es5",
      "typeRoots": [
        "../node_modules/@types"
      ]
    }
  }
  </code></pre>