angular6引入lodash

如何優雅的引入第三方庫其實一直是angular的一個問題,今天就來解答一下:

1. 在項目下安裝lodash

npm install lodash --save

2. 安裝 Lodash Type 定義類型

npm install @types/lodash --save-dev

3. 在tsconfig.json添加lodash類型( "types" : ["lodash"])

tsconfig.json
{
 "compileOnSave": false,
 "compilerOptions": {
  "outDir": "./dist/out-tsc",
  "sourceMap": true,
  "declaration": false,
  "moduleResolution": "node",
  "emitDecoratorMetadata": true,
  "experimentalDecorators": true,
  "target": "es5",
  "typeRoots": [
   "node_modules/@types"
  ],
  "types" : ["lodash"],
  "lib": [
   "es2017",
   "dom"
  ]
 }
}

4. 如何使用?

import * as _ from 'lodash';


 _.remove(scores, 2); // 正常使用便可