How to use underscore.js with webpack

Question

I would like to use underscore in my Typescript Aurelia application. I created a typescript file where i put:

import * as _ from 'underscore'

but VS Code says:

[ts] Cannot find module 'underscore'

I have put this into webpack.config:

plugins:[
    new webpack.ProvidePlugin({
      underscore:'underscore'
    })  
]

Also i have installed underscore using:

npm install --save underscore

what else must I do to get it to work?

Answer 1

Since you are working with TypeScript, you must also install a *.d.ts typings file for underscore. Try running:

npm install --save @types/underscore

This lets TS know about the underscore module and its interfaces.

Here's some more information about typings management with Typescript