external d3 and lodash

build/webpack.base.conf.js

@@ -8,6 +8,7 @@ module.exports = {
   context: resolve('src'),
   entry: './index.ts',
   plugins: [],
+  externals: ['lodash', 'd3'],
   module: {
     rules: [
       {

package.json

@@ -15,11 +15,12 @@
   },
   "author": "CorpGlory Inc.",
   "license": "ISC",
+  "dependencies": {
+    "d3": "^5.16.0",
+    "lodash": "^4.17.21"
+  },
   "devDependencies": {
-    "@types/d3": "^5.7.2",
-    "@types/lodash": "^4.14.149",
     "css-loader": "^3.4.2",
-    "lodash": "^4.17.15",
     "style-loader": "^1.1.3",
     "ts-loader": "^6.2.1",
     "typescript": "^3.8.3",

src/types.ts

@@ -1,3 +1,5 @@
+import * as d3 from 'd3';
+
 export type Margin = { top: number, right: number, bottom: number, left: number };
 export type Timestamp = number;
 

tsconfig.json

@@ -16,6 +16,7 @@
     "noImplicitUseStrict": false,
     "noImplicitAny": false,
     "noUnusedLocals": false,
-    "baseUrl": "./src"
+    "baseUrl": "./src",
+    "moduleResolution": "node"
   }
 }