您现在的位置是：首页 >学无止境 >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()]。

以上，完毕！