Honor declaration config

[amcdnl]

It would be nice if the declaration: true flag would be honored in the output.

[GiedriusGrabauskas]

👍

[thgreasi]

👍 I currently have to use typescript on its own to generate es6 files and .d.ts files and then use rollup for bundling and generating a UMD dist.

[thgreasi]

rollup-plugin-typescript2 says that it supports it. I will give it a try but I would prefer to use the official rollup plugin for typescript.

[ncphillips]

I've had to switch to rollup-plugin-typescript2 as well. Honestly, I don't see how this plugin is useful in for creating public packages without this feature.

[janbiasi]

Still no update on this? I have to sadly agree to @ncphillips ...

[markcellus]

Yup, I've moved to rollup-plugin-typescript2 as well. Any idea on a timeline of when this will be implemented?

[onbjerg]

Guys, still nothing?

[couellet]

Had to switch to rollup-plugin-typescript2 too, and it's 10 times slower. Hope this is going to be fixed soon!

[bodograumann]

I use tsc --emitDeclarationOnly in addition to rollup. It‘s not that bad, but it‘s also not perfect.

[shellscape]

There are quite a few people commenting on support for this, but we don't have any open PRs to address this. We're totally open to adding this, but we need you fine folks to help us. We're getting ready to move this plugin to a new home at https://github.com/rollup/plugins, and we have to do some spring cleaning of the issues to make that happen. We're going to close this one if no one from userland steps up to make the request happen. After that point, we'd encourage anyone still facing the issue to pitch in on the new repo and get this improvement in for the plugin.

[shellscape]

Hey folks. We're in progress on migrating the plugin, and have transferred this issue. We're going to lock it for a short time until the migration is complete, and then we'll unlock and continue the discussion. 🍺

[timonson]

Is anybody working on this?

[NotWoods]

Yes, it's being worked on. Contributor support is also welcome!

[NotWoods]

Added in version 4.0.0 of the typescript plugin

[danimoh]

For others also potentially struggling with this: For types to be emitted, you currently have to declare a rootDir in tsconfig.json. This is related to #243. Even though the compilation does not fail when using declarationDir instead of outDir this does also apply when using declarationDir.

Also have a look at the PR that implemented this feature for instructions on how to generate declaration files: #217

[zeakd]

Thanks @danimoh it's very helpful. additionally..

• output.dir is required for declaration: true option.
• declarationDir folder should be inside output.dir.
• do not use declaration and declarationDir in tsconfig.json. declarationDir can't override using @rollup/plugin-typescript

Here's my rollup config to make redux style outputs.

import typescript from '@rollup/plugin-typescript'

export default [
  // CommonJS
  {
    input: 'src/index.ts',
    output: {
      dir: './',
      entryFileNames: 'lib/my-pkg.js',
      format: 'cjs',
    },
    plugins: [
      typescript({
        declaration: true,
        declarationDir: 'types/',
        rootDir: 'src/'
      }),
    ]
  },

  // ES
  {
    input: 'src/index.ts',
    output: { file: 'es/my-pkg.js', format: 'es' },
    plugins: [
      typescript(),
    ]
  },
]

[imjeen]

Yes, it's being worked.

And get many .d.ts files if the source is not one file.

There was any way to generate only one declaration file?

[sekoyo]

Since I always get stuck on this when trying to use this package instead of rollup-plugin-typescript2 (which works perfectly out the box but doesn't play as nicely with the babel plugin if I recall - might be wrong) here's how to get declarations working with this one.

1. Even though it says you don't need to, you need to tell it the tsconfig path:

typescript({
  tsconfig: './tsconfig.json',
}),
babel({ babelHelpers: 'bundled', extensions }), // Note: DON'T need babel typescript preset (or this babel plugin unless you need to)

2. This will start to emit declarations but in the wrong directory, for example dist/dist/<types here> (it duplicates the folder). To fix this keep "outDir": "./dist", in tsconfig.json but remove it from the output of rollup, e.g.:

{
  file: './index.js', // don't do './dist/index.js' like you normally would
  format: 'esm',
  globals,
}

[shellscape]

Since I always get stuck on this when trying to use this package instead of typescript2 (which works perfectly out the box)

@dominictobias I really wish you would leave the snark and slight out of replies. It doesn't serve any purpose, makes you look like a jerk, and is insulting to the folks who gave their free time to improve this plugin over time. Sure, it works different for people in different scenarios - as all things do - but that doesn't mean you need to disrespect who freely made something for you to use. Be a better person.

[betabandido]

@zeakd @danimoh Following your instructions I finally managed the plugin to output declarations 🎉 Thanks!!

I have a question, though. It seems dir and file cannot be both present at the same time in an output definition. Therefore, I don't seem to have any way to control the name of the file being generated (the name I add in the main field in package.json).

Is there any solution or workaround for this?