支持TypeScript

如果要支持TypeScript,需要安装几个npm包,如下:

# 安装rollup插件和其依赖包
$ npm install @rollup/plugin-typescript tslib -D

安装完毕后,把rollup.config.mjs配置文件中,把入口文件改成改为.ts后缀并引入typescript插件:

// rollup.config.mjs
import typescript from '@rollup/plugin-typescript'

export default {
  ...省略其它
  input: './src/index.ts',
  plugins: [
    typescript()
  ]
}

接着,在src目录下新建math.ts文件,将addminus方法移动过去并填写相关类型:

export const add = (a: number, b: number): number => {
  return a + b
}

export const minus = (a: number, b: number): number => {
  return a - b
}

最后,入口文件src/index.js改成src/index.js,并在其中引用add和minus方法

// src/index.ts

import { add, minus } from './math'

export const helloRollup = (): void => {
  console.log(add(1, 2))
  console.log(minus(3, 4))
  console.log('hello, rollup')
}

运行npm run build命令,在dist目录下打包出来的vue.esm.js文件代码如下:

var add = function (a, b) {
    return a + b;
};
var minus = function (a, b) {
    return a - b;
};

var helloRollup = function () {
    console.log(add(1, 2));
    console.log(minus(3, 4));
    console.log('hello, rollup');
};

export { helloRollup };
最后更新时间:
贡献者: wangtunan