tsup.config.js配置项解读

tsup 是一个基于 Rollup 的 TypeScript 构建工具,可以将 TypeScript 代码打包成一个单独的 JavaScript 文件。你可以使用 tsup.config.js 文件来配置 tsup 的行为。

以下是一些常用的 tsup.config.js 配置选项:

  • entry: 指定 TypeScript 入口文件的路径。例如,entry: 'src/index.ts'

  • format: 指定输出的 JavaScript 文件格式。可以是 esm (ES module)、cjs (CommonJS) 或 iife (立即调用的函数表达式)。例如,format: 'esm'这里重点说下,ES module 使用 import 和 export 关键字来导入和导出模块,而 CommonJS 使用 require 和 module.exports 来导入和导出模块。如果打包后的js不能执行的话就换另一种打包方式。

  • target: 指定编译后的 JavaScript 代码的目标版本。可以是 es5es6es2015es2016es2017es2018es2019es2020es2021 或 latest。例如,target: 'es5'

  • minify: 指定是否压缩输出的 JavaScript 代码。可以是 true 或 false。例如,minify: true

  • outFile: 指定输出的 JavaScript 文件的路径。例如,outFile: 'dist/bundle.js'

  • watch: 指定是否启用文件变更监视。可以是 true 或 false。例如,watch: true

  • dts: 指定是否生成 .d.ts 声明文件。可以是 true 或 false。例如,dts: true

  • external: 指定哪些模块应该被视为外部模块,不应该被打包到输出的 JavaScript 文件中。例如,external: ['react', 'react-dom']

  • plugins: 指定要使用的 Rollup 插件。例如,plugins: [myPlugin()]

以上,完毕!

Guess you like

Origin blog.csdn.net/playboyanta123/article/details/131104469