支持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文件,将add和minus方法移动过去并填写相关类型:
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 };