-
Notifications
You must be signed in to change notification settings - Fork 866
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1362 from akhilmhdh/fix/tsup-cp-template
feat: enabled tsup code splitting and esm directory import, removed manual copy of files
- Loading branch information
Showing
8 changed files
with
438 additions
and
273 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,73 @@ | ||
| /* eslint-disable */ | ||
| import path from "node:path"; | ||
|
|
||
| import fs from "fs/promises"; | ||
| import { replaceTscAliasPaths } from "tsc-alias"; | ||
| import { defineConfig } from "tsup"; | ||
|
|
||
| // Instead of using tsx or tsc for building, consider using tsup. | ||
| // TSX serves as an alternative to Node.js, allowing you to build directly on the Node.js runtime. | ||
| // Its functionality mirrors Node.js, with the only difference being the absence of a final build step. Production should ideally be launched with TSX. | ||
| // TSC is effective for creating a final build, but it requires manual copying of all static files such as handlebars, emails, etc. | ||
| // A significant challenge is the shift towards ESM, as more packages are adopting ESM. If the output is in CommonJS, it may lead to errors. | ||
| // The suggested configuration offers a balance, accommodating both ESM and CommonJS requirements. | ||
|
|
||
| export default defineConfig({ | ||
| shims: true, | ||
| clean: true, | ||
| minify: false, | ||
| keepNames: true, | ||
| splitting: false, | ||
| format: "esm", | ||
| // copy the files to output | ||
| loader: { | ||
| ".handlebars": "copy", | ||
| ".md": "copy" | ||
| ".md": "copy", | ||
| ".txt": "copy" | ||
| }, | ||
| external: ["../../../frontend/node_modules/next/dist/server/next-server.js"], | ||
| outDir: "dist", | ||
| tsconfig: "./tsconfig.json", | ||
| entry: ["./src"], | ||
| sourceMap: "inline" | ||
| sourceMap: true, | ||
| skipNodeModulesBundle: true, | ||
| esbuildPlugins: [ | ||
| { | ||
| // esm directory import are not allowed | ||
| // /folder1 should be explicitly imported as /folder1/index.ts | ||
| // this plugin will append it automatically on build time to all imports | ||
| name: "commonjs-esm-directory-import", | ||
| setup(build) { | ||
| build.onResolve({ filter: /.*/ }, async (args) => { | ||
| if (args.importer) { | ||
| if (args.kind === "import-statement") { | ||
| const isRelativePath = args.path.startsWith("."); | ||
| const absPath = isRelativePath | ||
| ? path.join(args.resolveDir, args.path) | ||
| : path.join(args.path.replace("@app", "./src")); | ||
|
|
||
| const isFile = await fs | ||
| .stat(`${absPath}.ts`) | ||
| .then((el) => el.isFile) | ||
| .catch((err) => err.code === "ENOTDIR"); | ||
|
|
||
| return { | ||
| path: isFile ? `${args.path}.mjs` : `${args.path}/index.mjs`, | ||
| external: true | ||
| }; | ||
| } | ||
| } | ||
| return undefined; | ||
| }); | ||
| } | ||
| } | ||
| ], | ||
| async onSuccess() { | ||
| // this will replace all tsconfig paths | ||
| await replaceTscAliasPaths({ | ||
| configFile: "tsconfig.json", | ||
| watch: false, | ||
| outDir: "dist" | ||
| }); | ||
| } | ||
| }); |