{"id":15391165,"url":"https://github.com/quramy/loadable-ts-transformer","last_synced_at":"2025-04-15T22:41:03.657Z","repository":{"id":44048996,"uuid":"219288660","full_name":"Quramy/loadable-ts-transformer","owner":"Quramy","description":"TypeScript custom transformer for loadable-components SSR","archived":false,"fork":false,"pushed_at":"2024-03-26T14:48:40.000Z","size":658,"stargazers_count":27,"open_issues_count":25,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-23T01:36:24.862Z","etag":null,"topics":["loadable-components","react","typescript","webpack"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Quramy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-11-03T11:13:56.000Z","updated_at":"2025-01-14T12:08:29.000Z","dependencies_parsed_at":"2024-10-18T22:26:05.852Z","dependency_job_id":"2fb8b442-683c-4f4b-b896-85aa5c5eefca","html_url":"https://github.com/Quramy/loadable-ts-transformer","commit_stats":{"total_commits":25,"total_committers":3,"mean_commits":8.333333333333334,"dds":0.24,"last_synced_commit":"b27ad517de2608948910f5ee869dacad356ac124"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quramy%2Floadable-ts-transformer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quramy%2Floadable-ts-transformer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quramy%2Floadable-ts-transformer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Quramy%2Floadable-ts-transformer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Quramy","download_url":"https://codeload.github.com/Quramy/loadable-ts-transformer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249167412,"owners_count":21223503,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["loadable-components","react","typescript","webpack"],"created_at":"2024-10-01T15:10:13.186Z","updated_at":"2025-04-15T22:41:03.640Z","avatar_url":"https://github.com/Quramy.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://github.com/Quramy/loadable-ts-transformer/workflows/build/badge.svg)\n# loadable-ts-transformer\n\nA TypeScript custom transformer for server side rendering with [loadable-components](https://github.com/smooth-code/loadable-components) .\n\n## Usage\n\nFirst of all, you should read https://www.smooth-code.com/open-source/loadable-components/docs/server-side-rendering/ .\n\nThis transformer is an alternative option for ts-loader user. It works as well as `@loadable/babel-plugin` does.\n\n### Install\n\n```sh\n$ npm install loadable-ts-transformer ts-loader webpack typescript -D\n```\n\n### Configure webpack\n\n```js\n/* webpack.config.js */\nconst { loadableTransformer } = require('loadable-ts-transformer');\n\nmodule.exports = {\n    ...\n    module: {\n      rules: [\n        {\n          test: /\\.tsx?$/,\n          exclude: /node_modules/,\n          loader: 'ts-loader',\n          options: {\n            getCustomTransformers: () =\u003e ({ before: [loadableTransformer] }),\n          },\n        },\n      ],\n    },\n    ...\n};\n```\n\n**Remarks** This transformer compiles `import(...)` expression. So you should set tsconfig `--module` option to \"ES2015\" or \"ESNext\".\n\n## License\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquramy%2Floadable-ts-transformer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquramy%2Floadable-ts-transformer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquramy%2Floadable-ts-transformer/lists"}