支持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 };