rollup 集成ts
时间: 2023-06-25 09:03:59 浏览: 118
rollup-plugin-esbuild:结合使用ESBuild和Rollup来转换ESNext和TypeScript代码
要在 Rollup 中集成 TypeScript,需要安装以下依赖项:
```
npm install rollup-plugin-typescript2 typescript @rollup/plugin-node-resolve @rollup/plugin-commonjs --save-dev
```
然后,在 `rollup.config.js` 中进行如下配置:
```javascript
import typescript from 'rollup-plugin-typescript2';
import { nodeResolve } from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
export default {
input: 'src/index.ts',
output: {
file: 'dist/bundle.js',
format: 'cjs'
},
plugins: [
nodeResolve(),
commonjs(),
typescript()
]
};
```
这里的 `rollup-plugin-typescript2` 插件将 TypeScript 文件编译成 JavaScript,`@rollup/plugin-node-resolve` 插件允许 Rollup 解析 Node.js 模块,`@rollup/plugin-commonjs` 插件将 CommonJS 模块转换为 ES6 模块。
阅读全文