CODEWITHSUNDEEP
javascriptreactjsnpmwebpackrollupjs
Stretch0
Stretch0

Reputation: 9251

How to prevent tests being bundled by rollup?

I am building a react component package and want to exclude my tests folder from being bundled in my dist file that is built from rollup.

My file structure looks like this after running rollup -c

.
├── dist
│   ├── index.js
│   ├── tests
│      ├── index.test.js
├── src
│   ├── index.tsx
│   ├── tests
│      ├── index.test.tsx

My rollup config looks like this:

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']
}

How can I exclude my tests directory from being bundled into the dist file when runnning rollup?

Upvotes: 32

Views: 20607

Answers (2)

hello_luke
hello_luke

Reputation: 947

If you care about type checking your test files, instead of excluding them in tsconfig.json, do that exclusion as a param to the rollup typescript plugin in rollup.config.js.

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

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

  })
]

Upvotes: 59

Porok12
Porok12

Reputation: 272

You can exclude tests in tsconfig.json e.g.

"exclude": [
    "**/tests",
    "**/*.test.js",
  ]

Upvotes: 13

Related Questions