[Question] Package with multiple exports folders

[kaueDM]

Ask your Question

How can I setup builder-bob to output multiple exports?

I want to export some utils in a different path (like "/my-lib/utils"), but couldn't figure it out yet looking the source code/issues.

[alpha0010]

Sort of a hack, but here is how I did it: alpha0010/react-native-pdf-viewer@c7c41ea .

• Write all your code in src/
• Register a redirect in a subdirectory

// In utils/package.json
{
  "main": "../lib/commonjs/MyScript",
  "module": "../lib/module/MyScript",
  "react-native": "../src/MyScript",
  "types": "../lib/typescript/MyScript.d.ts"
}

With this, import { Xyz } from 'my-lib/utils'; should work when the library is installed. (Requires some trickery to make this work in the example project, so not certain what to suggest there.)

[kaueDM]

Couldn't make it work, so I replaced builder-bob with rollup.

[dmahajan980]

@kaueDM can you share the repository so that we can see how you did it? Thanks

[zarkoden]

@kaueDM can you share your rollup solution, please?

[mikelgarciaurbina]

I want to share how I solved this:
To better handle exports from paths other than src, for instance, if you have a src/utils directory that you wish to export from a different path, you can create a utils directory outside of src. Then, add a package.json file in this new directory:

/my-lib/utils/package.json

{
  "main": "../lib/commonjs/utils",
  "module": "../lib/module/utils",
  "react-native": "../src/utils"
}

Next, include this directory in the files section of your library's main package.json:

{
 "main": "lib/commonjs/index.js",
 "module": "lib/module/index.js",
 "react-native": "src/index.js"
 ...
 "files": [
   "build",
   "src",
   "utils"
 ],
}

With this setup, you will be able to import utilities like so:

import { someUtil } from 'my-lib/utils';

This approach allows for a clear directory structure and makes it easier to import specific utilities from your library anywhere in your project.