什么是 rollup-plugin-typescript2-samer？
rollup-plugin-typescript2-samer 是一个基于 rollup-plugin-typescript2 的插件，它能够帮助我们更加方便地使用 TypeScript 编写并打包前端代码。
相比于 rollup-plugin-typescript2，rollup-plugin-typescript2-samer 提供了更多的配置选项，使得我们可以更加灵活地定制构建过程并满足项目的需求。
安装 rollup-plugin-typescript2-samer
要使用 rollup-plugin-typescript2-samer，我们需要先将它安装到项目中：
npm install --save-dev rollup-plugin-typescript2-samer
接着，我们需要在 rollup.config.js 文件中引入并使用它：
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ---------------------------------
------ ------- -
-- ---
-------- -
------------
-- ----
--
-
-配置选项
接下来，我们一起来看一下 rollup-plugin-typescript2-samer 提供的各种配置选项：
check
- 类型：
boolean - 默认值：
undefined
此选项的作用是决定是否在编译 TypeScript 代码时执行类型检查。如果该选项为 true，则在编译过程中会同时进行类型检查和生成 JavaScript 代码；如果该选项为 false 或省略，则仅生成 JavaScript 代码。
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ---------------------------------
------ ------- -
-- ---
-------- -
------------
------ ----
--
-
-clean
- 类型：
boolean|string|string[]|object - 默认值：
undefined
此选项的作用是决定是否在每次编译前清除输出目录中的所有文件。如果该选项为 true 或省略，则在每次编译前执行清除操作；如果该选项为一个字符串或字符串数组，则表示要保留的文件或目录，其他文件或目录将会被清除；如果该选项为一个对象，则支持更加详细的配置。
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ---------------------------------
------ ------- -
-- ---
-------- -
------------
------ ----
--
-
-tsconfig
- 类型：
string|object - 默认值：
tsconfig.json
此选项的作用是指定 TypeScript 的配置文件路径或配置对象。如果该选项为一个字符串，则表示配置文件的路径；如果该选项为对象，则直接把该对象作为 TypeScript 的编译选项。
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ---------------------------------
------ ------- -
-- ---
-------- -
------------
--------- -----------------------
--
-
-exclude
- 类型：
string[]|string - 默认值：
['node_modules/**']
此选项的作用是指定不编译的文件或文件夹的路径模式。默认情况下，所有位于 node_modules 目录下的代码都会被排除在外。
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ---------------------------------
------ ------- -
-- ---
-------- -
------------
-------- ----------- ---------------
--
-
-include
- 类型：
string[]|string - 默认值：
['src/**/*.ts', 'src/**/*.tsx', 'src/**/*.d.ts']
此选项的作用是指定要编译的文件或文件夹的路径模式。默认情况下，所有位于 src 目录下的 TypeScript 代码都会被编译。
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ---------------------------------
------ ------- -
-- ---
-------- -
------------
-------- ----------
--
-
-useTsconfigDeclarationDir
- 类型：
boolean - 默认值：
false
此选项的作用是决定是否使用 TypeScript 配置文件中的 declarationDir 选项指定的输出目录。如果该选项为 true，则使用 declarationDir 指定的目录作为输出目录；如果该选项为 false 或省略，则使用 tsconfig.json 中配置的 outDir 作为输出目录。
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ---------------------------------
------ ------- -
-- ---
-------- -
------------
-------------------------- ----
--
-
-cacheRoot
- 类型：
string - 默认值：
node_modules/.cache/rollup-plugin-typescript2-samer
此选项的作用是指定 TypeScript 缓存文件的根目录。在某些情况下，使用缓存文件可以加快编译速度，而该选项就是用来设置缓存文件的存放位置的。
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ---------------------------------
------ ------- -
-- ---
-------- -
------------
---------- ---------------
--
-
-示例代码
下面是一个使用 rollup-plugin-typescript2-samer 编译 TypeScript 代码的示例：
TypeScript 代码
// src/index.ts export const add = (x: number, y: number) => x + y
rollup 配置文件
-- -------------------- ---- -------
-- ----------------
------ ---------- ---- ---------------------------------
------ ------- -
------ ---------------
------- -
----- ----------------
------- -----
--
-------- -
------------
-
-以上代码中，我们将 src/index.ts 文件作为入口，输出一个 CommonJS 格式的 JavaScript 文件到 dist/index.js，同时使用 typescript() 插件编译 TypeScript 代码。
希望本篇文章对你使用 rollup-plugin-typescript2-samer 有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b0681e8991b448d8ac8