webpack + typescript + lodash


Jag försöker sätta upp webpack med TypeScript och Lodash men när jag kör webpack för att bygga bundlen får jag felet: Module not found: Error: Can't resolve 'lodash' in ....

Jag importerar lodash som: import * as _ från 'lodash'.

Detta är package.json

"devDependencies": {
    "@types/flux": "^3.1.4",
    "@types/lodash": "^4.14.91",
    "@types/lodash-webpack-plugin": "^0.11.1",
    "@types/react": "^16.0.29",
    "@types/react-dom": "^16.0.3",
    "@types/react-router": "^4.0.19",
    .....
    ..... 
    "ts-loader": "^3.2.0",
    "tslint": "^5.8.0",
    "tslint-loader": "^3.5.3",
    "tslint-react": "^3.2.0",
    "typescript": "^2.6.2",
    "url-loader": "^0.6.2",
    "webpack": "^3.10.0",
    "webpack-dev-server": "^2.9.7"
  },
  "dependencies": {
    "bootstrap": "^3.3.7",
    "flux": "^3.1.3",
    "lodash": "^4.17.4",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-router": "^4.2.0"
  }

Detta är den del av webpack.config.js som rör ts:

resolve: {
    // Automatically resolve certain extensions in this case js and jsx.
    extensions: ['.js', '.ts', '.tsx']
},
.....
.....
{
     test: /\.(ts|tsx)$/, // The Condition must match
     exclude: /node_modules/, // The Condition must NOT match
     loader: 'ts-loader'
},

Och detta är tsconfig.json

{
    "compilerOptions": {
        "target": "es6",
        "module": "es6",
        "moduleResolution": "node",
        "declaration": false,
        "noImplicitAny": false,
        "sourceMap": true,
        "jsx": "react",
        "noLib": false,
        "suppressImplicitAnyIndexErrors": true
    },
    "compileOnSave": false,
    "exclude": [
        "node_modules"
    ]
}