完成打包

Author: lmk123

.vscode/settings.json

@@ -6,6 +6,7 @@ fs.emptyDirSync(path.resolve(__dirname, '../dist'))
 
 // 编译 js
 const rollup = require('rollup')
+const typescript = require('rollup-plugin-typescript2')
 const uglifyJS = require('uglify-js')
 const pkg = require('../package.json')
 
@@ -17,31 +18,42 @@ const banner = [
   ' */'
 ].join('\n')
 
-rollup.rollup({
-  entry: path.resolve(__dirname, '../chrome-call.js'),
-  plugins: []
-}).then(bundle => {
-  // 输出 umd 格式
-  const { code } = bundle.generate({
-    format: 'umd',
-    moduleName: 'chromeCall',
-    banner
+rollup
+  .rollup({
+    input: path.resolve(__dirname, '../src/index.ts'),
+    plugins: [
+      typescript({
+        tsconfig: 'tsconfig.build.json'
+      })
+    ]
   })
+  .then(bundle => {
+    // 输出 umd 格式
+    bundle
+      .generate({
+        format: 'umd',
+        name: 'chromeCall',
+        banner
+      })
+      .then(({ code }) => {
+        fs.writeFile(path.resolve(__dirname, '../dist/chrome-call.js'), code)
+        fs.writeFile(
+          path.resolve(__dirname, '../dist/chrome-call.min.js'),
+          uglifyJS.minify(code, { output: { comments: /^!/ } }).code
+        )
+      })
 
-  fs.writeFile(path.resolve(__dirname, '../dist/chrome-call.js'), code)
-  fs.writeFile(path.resolve(__dirname, '../dist/chrome-call.min.js'), uglifyJS.minify(code, { output: { comments: /^!/ } }).code)
+    // 输出 es 格式
+    bundle.write({
+      file: path.resolve(__dirname, '../dist/chrome-call.esm.js'),
+      format: 'es',
+      banner
+    })
 
-  // 输出 es 格式
-  bundle.write({
-    dest: path.resolve(__dirname, '../dist/chrome-call.esm.js'),
-    format: 'es',
-    banner
+    // 输出 cjs 格式
+    bundle.write({
+      file: path.resolve(__dirname, '../dist/chrome-call.common.js'),
+      format: 'cjs',
+      banner
+    })
   })
-
-  // 输出 cjs 格式
-  bundle.write({
-    dest: path.resolve(__dirname, '../dist/chrome-call.common.js'),
-    format: 'cjs',
-    banner
-  })
-})

.vscode/tasks.json

@@ -1,9 +1,11 @@
 {
   "name": "chrome-call",
   "version": "3.0.0",
-  "description": "A really simple way to call the original chrome javascript API and return a Promise.",
+  "description":
+    "A really simple way to call the original chrome javascript API and return a Promise.",
   "main": "dist/chrome-call.common.js",
   "module": "dist/chrome-call.esm.js",
+  "types": "dist/index.d.ts",
   "unpkg": "dist/chrome-call.js",
   "repository": {
     "type": "git",
@@ -18,9 +20,7 @@
     "lint": "tslint -p tsconfig.json -t verbose",
     "prepublishOnly": "npm run build"
   },
-  "files": [
-    "dist"
-  ],
+  "files": ["dist"],
   "devDependencies": {
     "@types/chrome": "0.0.56",
     "@types/karma-jasmine": "0.0.29",
@@ -35,19 +35,14 @@
     "karma-typescript": "^3.0.9",
     "phantomjs-prebuilt": "^2.1.13",
     "rollup": "^0.52.3",
+    "rollup-plugin-typescript2": "^0.9.0",
     "tslint": "^5.8.0",
     "tslint-config-prettier": "^1.6.0",
     "tslint-config-standard": "^7.0.0",
     "typescript": "^2.6.2",
     "uglify-js": "^3.0.23"
   },
-  "keywords": [
-    "chrome",
-    "ext",
-    "extension",
-    "app",
-    "promise"
-  ],
+  "keywords": ["chrome", "ext", "extension", "app", "promise"],
   "author": "Milk Lee <me@limingkai.cn> (http://www.limingkai.cn/)",
   "license": "MIT",
   "homepage": "https://github.com/lmk123/chrome-call"

build/build.js

@@ -1,4 +1,4 @@
-export interface AnyFn<T> {
+interface AnyFn<T> {
   (this: T, ...args: any[]): any
 }
 

package-lock.json

@@ -1,12 +1,12 @@
-import chromeCall, { AnyFn } from '../src/index'
+import chromeCall from '../src/index'
 
 // @ts-ignore
 window.chrome = {
   runtime: {}
 }
 
 interface FakeObj {
-  method: (this: FakeObj, key: string, cb: AnyFn<void>) => void
+  method: (this: FakeObj, key: string, cb: (...args: any[]) => any) => void
 }
 
 const fakeObj: FakeObj = {

package.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src/**/*.ts"]
+}

src/index.ts

@@ -12,7 +12,7 @@
     "declaration": true
   },
   "include": [
-    "src/**/*.ts",
+    "src/**/*.ts" ,
     "test/**/*.ts"
   ]
 }