FlowTypes如何从私有npm模块导入类型

Question

I am writing private npm package to use internally, I also want to include some flowtypes in there that will be shared between internal projects and imported in following format import type {SomeType} from 'our-private-lib' But I am having trouble in doing so, what is the best approach to include flow types with npm package?

Currently I am transpiling all ES code with babel and then also using flow-copy-source to copy original files over along side transpiled files but with .js.flow extension, but then that means that the name of these files should be the same as the transpiled file?

For example if I have file in /super-schema/index.js with

export type SuperSchemaType = {
 prop1: boolean,
 prop2: string
}

const SuperSchema = {
 prop1: true,
 prop2: 'Hello'
}

module.exports = SuperSchema;

And package.json points to main file index.js which exports SuperSchema like so

module.exports = {
  superSchema: require('./super-schema.js/index.js');
}

I then can import that like so

import {superSchema} from 'our-private-lib';

but what about flowtype? import type { SuperSchemaType } from 'our-private-lib'; Doesn't really work

Answer 1

Your general approach is correct (using flow-copy-source), but if you want to consume types out of the main entry point of your module, you need to export the types out one way or another. You can do that explicitly by doing something like

export type {
  SuperSchemaType
} from './super-schema';

Or, if you're using babel 7, export type * might be useful for you

export type * from './super-schema';