javascript - 如何防止测试被汇总捆绑?

标签 javascript reactjs npm webpack rollupjs

我正在构建一个 react 组件包,并希望将我的测试文件夹排除在我从汇总构建的 dist 文件中。
运行 rollup -c 后我的文件结构如下所示

.
├── dist
│   ├── index.js
│   ├── tests
│      ├── index.test.js
├── src
│   ├── index.tsx
│   ├── tests
│      ├── index.test.tsx
我的汇总配置如下所示:
import typescript from 'rollup-plugin-typescript2'

import pkg from './package.json'

export default {
  input: 'src/index.tsx',
  output: [
    {
      file: pkg.main,
      format: 'cjs',
      exports: 'named',
      sourcemap: true,
      strict: false
    }
  ],
  plugins: [typescript()],
  external: ['react', 'react-dom', 'prop-types']
}
如何将我的测试目录从捆绑到 dist 中排除运行汇总时的文件?

最佳答案

如果您不关心类型检查您的测试文件,则接受的答案有效。如果你这样做,而不是在 tsconfig.json 中排除它们,将该排除作为参数添加到 rollup.config.js 中的汇总 typescript 插件.

plugins: [
  /* for @rollup/plugin-typescript */
  typescript({
    exclude: ["**/__tests__", "**/*.test.ts"]
  })

  /* or for rollup-plugin-typescript2 */
  typescript({
    tsconfigOverride: {
      exclude: ["**/__tests__", "**/*.test.ts"]
    }

  })
]

关于javascript - 如何防止测试被汇总捆绑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65347157/

相关文章:

JavaScript onKeyUp 超时关闭

javascript - Node.js/变量和模块的继承

javascript - ReactJS: "Uncaught SyntaxError: Unexpected token <"

javascript - 输入行前面的前缀

javascript - 使用 npm install 安装 glup 时出错

node.js - Gulp 4 无法完成 sass 任务

javascript - jQuery Bootstrap 无法运行

javascript - 循环遍历对象数组并将每个对象映射到单个模板对象

javascript - 我如何在函数组件中使用 typeScript 来限制类型和默认值

javascript - C3 中带有 JSON 数据的多个 Y 轴