webpack和打字稿：以es5为目标的部分lodash导入不起作用

Question

我试图部分导入lodash以在webpack / typescript / react环境中工作以减小包的大小。 我正在使用lodash@4.17.4和webpack@2.4.1

我知道我不应该这样导入lodash，因为它会导入整个lodash库：

import * as lodash from 'lodash';
 lodash.clone({});

所以我尝试了这个：

import { clone, create } from 'lodash';

但这仍然会继续导入整个库，而不仅是导入我需要的功能（集束大小不会更改）。 所以我读了一点，看到了：

import clone = require('lodash/clone');

这实际上是有效的，只有我需要的功能才被导入，并且bundlesize小了几百KB。 但是不幸的是，打字稿给了我以下错误（仅在构建捆绑包，运行watch / webDev-Server时一切正常，才会显示错误）：

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.

这是因为我在打字稿配置中得到了"target":"es5"吗？ 如果是这样，我仍如何以es5模块为目标来实现部分导入？

我的打字稿配置看起来像这样：

{
  "compilerOptions": {
    "sourceMap": true,
    "target": "es5",
    "jsx": "react",
    "module": "commonjs",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "declaration": false,
    "noImplicitAny": false,
    "noImplicitReturns": false,
    "removeComments": true,
    "strictNullChecks": false,
    "outDir": "build",
    "lib": [
      "es6",
      "es7",
      "dom"
    ]
  },
  "exclude": [
    "dist",
    "build",
    "node_modules",
    "bower_components"
  ]
}

有任何想法吗？

编辑：当我只是一个常规要求时：

const clone = require('lodash/clone');

一切都编译无误（监视和构建）。 这是导入lodash最新版本的正确方法吗？ 好像错了

Answer 1

那是我导入lodash

import { clone } from 'lodash/clone'