Fix build source map and resolve paths for d.ts in dist

Author: jchen042

build/rollup.config.base.js

@@ -7,6 +7,7 @@ import eslint from "@rollup/plugin-eslint";
 import babel from "rollup-plugin-babel";
 import vue from "rollup-plugin-vue";
 import typescript from "rollup-plugin-typescript2";
+import ttypescript from "ttypescript";
 import commonjs from "@rollup/plugin-commonjs";
 import autoprefixer from "autoprefixer";
 import css from "rollup-plugin-css-only";
@@ -38,20 +39,32 @@ export default {
       runtimeHelpers: true,
     }),
     typescript({
+      typescript: ttypescript,
       tsconfig: path.resolve(__dirname, "../tsconfig.json"),
+      // https://github.com/ezolenko/rollup-plugin-typescript2/issues/201#issuecomment-726802613
+      useTsconfigDeclarationDir: true,
       tsconfigOverride: {
-        compilerOptions: { declaration: false },
+        compilerOptions: {
+          // declaration: false,
+          plugins: [
+            { transform: "typescript-transform-paths" },
+            {
+              transform: "typescript-transform-paths",
+              afterDeclarations: true,
+            },
+          ],
+        },
       },
     }),
     commonjs(),
-    css({
-      output: (styles) => {
-        fs.writeFileSync(
-          "dist/vue-virtualised.css",
-          new CleanCSS().minify(styles).styles
-        );
-      },
-    }),
+    // css({
+    //   output: (styles) => {
+    //     fs.writeFileSync(
+    //       "dist/vue-virtualised.css",
+    //       new CleanCSS().minify(styles).styles
+    //     );
+    //   },
+    // }),
     // buble(),
   ],
   watch: { include: "src/**" },

build/rollup.config.browser.js

@@ -7,7 +7,7 @@ const config = Object.assign({}, base, {
     name: "VueVirtualised",
     file: "dist/vue-virtualised.min.js",
     format: "iife",
-    sourceMap: true,
+    sourcemap: true,
     inlineDynamicImports: true,
   },
 });

build/rollup.config.umd.js

@@ -6,10 +6,9 @@ const config = Object.assign({}, base, {
     name: "VueVertualised",
     file: "dist/vue-virtualised.umd.js",
     format: "umd",
-    sourceMap: true,
+    sourcemap: true,
     // https://github.com/lukeed/navaid/issues/5
     inlineDynamicImports: true,
-    treeshake: true,
   },
 });
 

package.json

@@ -33,6 +33,7 @@
     "@babel/eslint-plugin": "^7.12.13",
     "@babel/preset-env": "^7.13.12",
     "@babel/preset-typescript": "^7.13.0",
+    "@microsoft/api-extractor": "^7.15.0",
     "@rollup/plugin-alias": "^3.1.2",
     "@rollup/plugin-buble": "^0.21.3",
     "@rollup/plugin-commonjs": "^18.0.0",
@@ -67,7 +68,9 @@
     "rollup-plugin-typescript2": "^0.30.0",
     "rollup-plugin-vue": "^6.0.0-beta.10",
     "tslib": "^2.1.0",
+    "ttypescript": "^1.5.12",
     "typescript": "^4.2.3",
+    "typescript-transform-paths": "^2.2.3",
     "vue": "^3.0.10"
   },
   "peerDependencies": {

tsconfig.json

@@ -29,9 +29,17 @@
       "dom.iterable",
       "scripthost"
     ],
-  "declaration": true,
-  // "declarationDir": "./types"
-  // "outDir": "types"
+    "declaration": true,
+    // "declarationMap": true,
+    "declarationDir": "dist",
+    "outDir": "dist",
+    "plugins": [
+      { "transform": "typescript-transform-paths" },
+      {
+        "transform": "typescript-transform-paths",
+        "afterDeclarations": true,
+      },
+    ],
   },
   "include": [
     "src/**/*.ts",