unify typescript version and rollup plugins (#921)

packages/rrweb-snapshot/package.json

@@ -40,7 +40,7 @@
   },
   "homepage": "https://github.com/rrweb-io/rrweb/tree/master/packages/rrweb-snapshot#readme",
   "devDependencies": {
-    "@rollup/plugin-typescript": "^8.2.5",
+    "rollup-plugin-typescript2": "^0.31.2",
     "@types/chai": "^4.1.4",
     "@types/jest": "^27.0.2",
     "@types/jsdom": "^16.2.4",
@@ -56,6 +56,6 @@
     "ts-jest": "^27.0.5",
     "ts-node": "^7.0.1",
     "tslib": "^1.9.3",
-    "typescript": "^3.9.7"
+    "typescript": "^4.7.3"
   }
 }

packages/rrweb-snapshot/rollup.config.js

@@ -1,4 +1,4 @@
-import typescript from '@rollup/plugin-typescript';
+import typescript from 'rollup-plugin-typescript2';
 import { terser } from 'rollup-plugin-terser';
 import pkg from './package.json';
 

packages/rrweb-snapshot/test/integration.test.ts

@@ -4,10 +4,10 @@ import * as http from 'http';
 import * as url from 'url';
 import * as puppeteer from 'puppeteer';
 import * as rollup from 'rollup';
-import * as typescript from '@rollup/plugin-typescript';
+import * as typescript from 'rollup-plugin-typescript2';
 import * as assert from 'assert';
 
-const _typescript = (typescript as unknown) as typeof typescript.default;
+const _typescript = (typescript as unknown) as () => rollup.Plugin;
 
 const htmlFolder = path.join(__dirname, 'html');
 const htmls = fs.readdirSync(htmlFolder).map((filePath) => {