Pesquisa de site

angular - webpack não consegue resolver arquivos de declaração TypeScript externos


Angular2+Webpack, [email , Visual Studio 2015 como IDE.

Eu preciso adicionar um arquivo de declaração externa (nomeie-o extlib) ao meu projeto, que não está disponível nos pacotes @types. Eu fiz o seguinte:

  1. mova extlib.d.ts para typings/extlib/index.d.ts;

  2. modifique tsconfig.json da seguinte forma;

    {
    "compilerOptions": {
        "target": "es5",
        "module": "es2015",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": true,
        "noImplicitAny": true,
        "skipLibCheck": true,
        "lib": [
        "es2015",
        "dom"
        ],
        "typeRoots": [
        "./node_modules/@types",
        "./typings"
        ],
        "types": [
        "node",
        "howler",
        "extlib"
        ]
    },
    "files": [
        "app/app.module.ts",
        "main.ts"
    ],
    "awesomeTypescriptLoaderOptions": {
        "useWebpackText": true
    },
    "compileOnSave": false,
    "buildOnSave": false
    }
    
  3. use extlib em arquivos ts como:

    import * as extlib from 'extlib'
    

Depois de fazer isso, o IntelliSense do VS funciona bem, assim como o tsc. Mas quando uso o webpack, ele me disse:

    `Module not found: Error: Can't resolve 'extlib' in '...'`

O que devo fazer para que o webpack resolva esses arquivos de declaração TypeScript externos?