tsup.config.js配置项解读-Toy模板网

这篇具有很好参考价值的文章主要介绍了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 代码的目标版本。可以是 es5、es6、es2015、es2016、es2017、es2018、es2019、es2020、es2021 或 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()]。