Lage
Never build the same code twiceGive your monorepo the smarts to actually save you time Get Started Seriously, never build more than onceBuilding once is painful enough! Lage will remember what is done before and skip any work that is not needed. Lage even skips the work based on your changes… really!
ã‚‚ã¯ã‚„ pnpm 㨠Turborepo 㧠Monorepo 環境作れるã‹ã‚‰
ã“ã®è¨˜äº‹ã«ã¤ã„㦠ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚ 先日ã€pnpm + Turborepo + lerna-lite ã§ä½œã£ãŸ Monorepo 環境ã®è§£èª¬è¨˜äº‹ã‚’書ãã¾ã—㟠👇 今回ã¯ç°¡æ˜“的㪠Monorepo 環境を作ã£ã¦ä¸Šè¨˜ã®æ§‹æˆã‚’解説ã—ã¦è¡Œã“ã†ã‹ã¨æ€ã„ã¾ã™ 💪 ( 最低é™ã® Monorepo 機能ã—ã‹ãªã„ã®ã§éœ€è¦ã¯ã‚ã‚‹ã‹ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒ... )
Git submoduleを使ã£ã¦ãƒžãƒ«ãƒãƒªãƒã‚¸ãƒˆãƒªãªMonorepoを管ç†ã™ã‚‹
LINEæ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚ LINEヤフー Tech Blog ã“ã‚“ã«ã¡ã¯ã€LINEフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚»ãƒ³ã‚¿ãƒ¼ã®çŽ‰ç”°ã§ã™ã€‚新春をåä¹—ã‚‹ã«ã¯ã™ã“ã—é…ã„ã§ã™ãŒã€æ˜¨å¹´é–‹å‚¬ã—ãŸã€ŒUIT新春Tech blogã€ã‚’今年も開催ã—ã¾ã™ï¼ 本日ã‹ã‚‰5日間4日間ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«æºã‚ã‚‹UITã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ¯Žæ—¥æŒã¡å›žã‚Šã§è¨˜äº‹ã‚’公開ã—ã¾ã™ã€‚ãœã²æœ€å¾Œã¾ã§è¦‹ã«æ¥ã¦ãã ã•ã„。 Monorepo フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ãŠã‘ã‚‹Monorepo toolã¯ã€å¤§è¦æ¨¡ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’効率よã管ç†ã™ã‚‹æ‰‹æ®µã¨ã—ã¦ã€ã“ã“æ•°å¹´ã§æ™®åŠãŒé€²ã¿ã¾ã—ãŸã€‚Lernaã‚„Nxã€npmã‚„yarnã®Workspace機能ãªã©ã€ã™ã§ã«çš†ã•ã‚“も使ã£ã¦ã„る例ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 Monorepoを実ç¾ã™ã‚‹ãƒ„ールã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ã©ã®ãƒ„ールも共通ã—ã¦ä»¥
Next.js アプリケーションã®å…±é€šã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–‹ç™º - クックパッド開発者ブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚レシピサービス開発部ã®kaorun343ã§ã™ã€‚クックパッドã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ページã«ãŠã‘る開発者体験å‘上ã®ãŸã‚ã«ã€ãƒ¬ã‚·ãƒ”サービスã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ Next.js 㨠GraphQL ã®ã‚·ã‚¹ãƒ†ãƒ ã«ç½®ãæ›ãˆã¦ã„る話ã«ã¦ç´¹ä»‹ã—ãŸã¨ãŠã‚Šã€Next.jsã¨GraphQLを用ã„ãŸãƒ¢ãƒ€ãƒ³ãªç’°å¢ƒã¸ã¨ç§»è¡Œã‚’進ã‚ã¦ã„ã¾ã™ã€‚例ãˆã°ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã§URLãŒãƒˆãƒƒãƒ—ページ㮠/ ã§ã‚れ㰠Railsã€ãƒ¬ã‚·ãƒ”詳細ページ㮠/recipe/:id ã§ã‚れ㰠Next.js アプリã«ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ç¾åœ¨ã§ã¯ãƒ¬ã‚·ãƒ”詳細ページã ã‘ã§ã¯ãªã検索çµæžœãƒšãƒ¼ã‚¸ã‚„ã¤ãã‚Œã½è©³ç´°ãƒšãƒ¼ã‚¸ã€MYフォルダページãªã©ã‚‚Next.jsアプリケーションã«ç½®ãæ›ã‚ã£ã¦ã„ã¾ã™ã€‚今回ã¯ãã®ç§»è¡Œã«ã‚ˆã‚Šç”Ÿã˜ãŸèª²é¡Œã¨å–り組ã¿æ–¹ã€ãã‚Œã‹ã‚‰ä½µã›ã¦å®Ÿæ–½ã—ãŸãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒæ•´å‚™ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 共通コンãƒãƒ¼ãƒãƒ³ãƒˆã®å°Žå…¥èƒŒ
Webサービス開発ã§ã®monorepo環境(Turborepo, nx)
Webサービス開発ã®æ–‡è„ˆã§ã€ãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒã‚’作る方法ã«ã¤ã„ã¦æ•´ç†ã—ã¾ã—ãŸã€‚ ※ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚‚フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚å…¨ã¦TypeScriptã§é–‹ç™ºã—ã¦ã„ã‚‹å‰æ ã“ã®è¨˜äº‹ã‚’書ã„ãŸèƒŒæ™¯ 世間ã§è¨€ã‚れる「モノレãƒã€ãŒã©ã®ã‚ˆã†ã«é”æˆã•ã‚Œã¦ã„ã‚‹ã®ã‹çŸ¥ã‚‰ãªã‹ã£ãŸ å‚考記事をèªã‚“ã§ã‚‹ã¨å®Ÿç¾æ–¹æ³•ãŒç•°ãªã£ã¦ã„ãŸã‚Šã€é‹ç”¨ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒè¦‹ãˆãªã‹ã£ãŸã‚Šã€ãƒ™ã‚¹ãƒˆãƒ—ラクティスãŒåˆ†ã‹ã‚Šã¥ã‚‰ã‹ã£ãŸ Turborepoã®ã‚ˆã†ãªãƒ¢ãƒŽãƒ¬ãƒãƒ„ールを導入ã™ã‚Œã°è§£æ±ºã—ãã†ã ãŒã€ã“ã®ãƒ„ールãŒä½•ã‚’ã—ã¦ãれるã®ã‹ç†è§£ã§ããªã‹ã£ãŸ モノレãƒä½•ã‚‚分ã‹ã‚‰ãªã„………ã«ãªã£ãŸ ã“ã®è¨˜äº‹ã§ã¯ãƒ¢ãƒŽãƒ¬ãƒã«é–¢é€£ã™ã‚‹ä»•çµ„ã¿ã‚’1ã¤1ã¤ä¸å¯§ã«æŠŠæ¡ã—ã€æœ€çµ‚çš„ã«ç†æƒ³çš„ãªãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒã‚’実ç¾ã™ã‚‹ã“ã¨ã‚’目指ã—ã¾ã™ã€‚ モノレãƒã¨ã¯ï¼Ÿ ã¾ãšã¯ç”¨èªžã®æ•´ç†ã‹ã‚‰ã€‚ モノレãƒã‚’ç´ ç›´ã«è¨³ã›ã°ã€Œ1ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã€ã¨ã„ã†æ„味ã§ã—ã‹ãªãã€1ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã§é–‹ç™ºã—ã¦ã„ã‚Œã°ãã‚Œã¯ã€Œãƒ¢ãƒŽãƒ¬ãƒã€ã¨å‘¼ã¹ãã†ã§ã™ã€‚
[TypeScript]モノレãƒç®¡ç†ãƒ„ール比較検討
モノレãƒç®¡ç†ã®ãƒ„ールを検討ã—ãŸã¨ãã®ãƒ¡ãƒ¢ Background 自分ãŒæ‰€å±žã™ã‚‹ãƒãƒ¼ãƒ ã§é–‹ç™ºã™ã‚‹ JavaScript/TypeScript ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãŒå¢—ãˆã¦ãã¦ã€åŒã˜ã‚ˆã†ãªå†…容ã®ãƒªãƒã‚¸ãƒˆãƒªãŒã„ãã¤ã‚‚å˜åœ¨ã—ã¦ã„る（n個ã¨ã™ã‚‹ï¼‰ã€‚ å¤‰æ›´ã‚’åŠ ãˆã¦ã„ãã«ã¤ã‚Œã¦ã€ãã‚Œãžã‚Œã®å·®åˆ†ãŒå¤§ãããªã‚Šã€ä»¥ä¸‹ã®ã‚ˆã†ãªå•é¡ŒãŒç™ºç”Ÿã™ã‚‹ã€‚ 開発ãŒæ¢ã¾ã£ã¦ã„るプãƒã‚¸ã‚§ã‚¯ãƒˆã®æ§‹æˆãŒå¤ããªã‚Šã€ä¿®æ£ã‚³ã‚¹ãƒˆãŒç™ºç”Ÿã™ã‚‹ 開発ãŒè¤‡æ•°åŒæ™‚進行ã—ã¦ã„ã‚‹å ´åˆã€åŒã˜ã‚ˆã†ãªå®Ÿè£…を手動ã§åŒæœŸã™ã‚‹å¿…è¦ãŒã‚ã‚‹ ã“れらã¯å…±é€šã®åŸºç›¤ç‰ãŒã‚ã‚Œã°åŠ¹çŽ‡çš„ã«ï¼ˆç†æƒ³çš„ã«ã¯n分ã®1ã®åŠ´åŠ›ã§ï¼‰é–‹ç™ºãŒå¯èƒ½ã§ã‚ã‚Šã€å°†æ¥çš„ãªã‚³ã‚¹ãƒˆã‚’考ãˆã‚‹ã¨ã€ã„ã¾ã®ã†ã¡ã«ãã®ä»•çµ„ã¿ã‚’考ãˆã¦ãŠããŸã„。 Proposed Solutions è¦ä»¶ã¯ä»¥ä¸‹ 複数ã®ãƒ‘ッケージをnpmã¨ã—ã¦publishã§ãã‚‹ アプリケーションも管ç†ã§ãã‚‹ Nx, Rush, Lerna を主è¦ãªé¸æŠžè‚¢ã¨ã—ã¦ã„ã‚‹
![[TypeScript]モノレãƒç®¡ç†ãƒ„ール比較検討](https://cdn-ak-scissors.b.st-hatena.com/image/square/e204665caf2bdc344987086461dd0424f7c8112d/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--mp4vbqB0--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BTypeScript%25255D%2525E3%252583%2525A2%2525E3%252583%25258E%2525E3%252583%2525AC%2525E3%252583%25259D%2525E7%2525AE%2525A1%2525E7%252590%252586%2525E3%252583%252584%2525E3%252583%2525BC%2525E3%252583%2525AB%2525E6%2525AF%252594%2525E8%2525BC%252583%2525E6%2525A4%25259C%2525E8%2525A8%25258E%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Aokmttdhr%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2I5NmZlMjc4YTYuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
lerna/yarn/npm workspacesã¨TypeScript Project Referencesã®è¨å®šã‚’åŒæœŸã™ã‚‹ãƒ„ール
lerna/yarn/npm workspacesã¨TypeScript Project Referencesã®è¨å®šã‚’åŒæœŸã™ã‚‹ãƒ„ール TypeScript Project Referencesã¯ã€tsconfig.jsonåŒå£«ã®ä¾å˜é–¢ä¿‚を定義ã™ã‚‹ã“ã¨ã§ã€åŠ¹çŽ‡çš„ãªãƒ“ルドãŒå¯èƒ½ã«ãªã‚‹ä»•çµ„ã¿ã§ã™ã€‚ Project Referencesã®ä»•çµ„ã¿ã‚’使ã†ã“ã¨ã§ã€monorepoãªã©ä¸€ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªå†…ã§è¤‡æ•°ã®TypeScriptã§æ›¸ã‹ã‚ŒãŸãƒ‘ッケージãŒã‚ã‚‹å ´åˆã«åŠ¹çŽ‡çš„ãªã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ã‚¿ãƒ«ãƒ“ルドãªã©ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€VSCodeãªã©ã®ã‚³ãƒ¼ãƒ‰è£œå®Œã«ä½¿ã‚れるTS-Serverãªã©ã®ã‚¹ã‚ャンも効率的ã«ãªã‚Šã¾ã™ã€‚ Migrating Large TypeScript Codebases To Project References — Developer Tooling Optimizing multi-packag
Nx For React
Add Nx to any existing monorepo→Nx seamlessly integrates into your existing React monorepo with a simple nx init command, providing immediate benefits without disrupting your workflow. Immediate speed and efficiency gains→Dramatically improve build times by running tasks in parallel with local and remote caching that intelligently avoids unnecessary work and keeps your team in sync. Enhanced devel
How to set up a TypeScript monorepo with Lerna
First thing’s first, let’s setup the monorepo. You can use Lerna or yarn workspaces to create the monorepo structure and symlink the packages according to the dependencies between them. The second part of this article will use Lerna to manage building the packages in the correct order, but it doesn’t require you to use Lerna to manage the monorepo, so you can choose whichever tool you prefer for s
Lernaã¨Yarn Workspacesã§Monorepoç®¡ç† - Cybozu Inside Out | サイボウズエンジニアã®ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ã‚スパートãƒãƒ¼ãƒ ã®å°æž—（@koba04）ã§ã™ã€‚ 本記事ã§ã¯ã€Lerna 㨠Yarn Workspaces を使ã£ãŸ Monorepo 管ç†ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ Monorepoã¨ã¯ 本記事ã§ã¯ã€å˜ä¸€ã®ãƒªãƒã‚¸ãƒˆãƒªã§è¤‡æ•°ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„パッケージ（今回ã®å ´åˆã¯ npm パッケージ）を管ç†ã™ã‚‹æ‰‹æ³•ã‚’ Monorepo ã¨å‘¼ã‚“ã§ã„ã¾ã™ã€‚ 有åãªã¨ã“ã‚ã ã¨ã€Babel ã‚„ Jestã€Create React App ãªã©ãŒå¾Œè¿°ã™ã‚‹ Lerna を使ã„複数パッケージをå˜ä¸€ã®ãƒªãƒã‚¸ãƒˆãƒªã§ç®¡ç†ã—ã¦ã„ã¾ã™ã€‚ ä»–ã«ã‚‚ React ã‚‚ Lerna ã¯ä½¿ã£ã¦ã„ã¾ã›ã‚“ãŒå˜ä¸€ãƒªãƒã‚¸ãƒˆãƒªã§è¤‡æ•°ãƒ‘ッケージを管ç†ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ä¸Šè¨˜ã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ラリ以外ã«ã‚‚ä¼æ¥ã§åˆ©ç”¨ã—ã¦ã„ã‚‹ npm パッケージを Monorepo ã¨ã—ã¦ç®¡ç†ã—ã¦ã„る例もã‚ã‚Šã¾ã™ã€‚下記㯠Shopify ã®ä¾‹ã§ã™ã€‚ pack
Why Lerna and Yarn Workspaces is a Perfect Match for Building Mono-Repos – A Close Look at Features and Performance
Why Lerna and Yarn Workspaces is a Perfect Match for Building Mono-Repos – A Close Look at Features and Performance This post is my take on the topic of Mono-Repo. After a brief introduction to Mono-Repos and a comparison with Multi-Repos, I go into tools for establishing Mono-Repos. I don’t want to assess in great detail what repository type is better in which circumstance. However, the goal of t
Monorepos By Example: Part 1 – codeburst
First, a monorepo is: Definitions vary, but we define a monorepo as follows: The repository contains more than one logical project (e.g. an iOS client and a web-application) These projects are most likely unrelated, loosely connected or can be connected by other means (e.g via dependency management tools) The repository is large in many ways: - Number of commits - Number of branches and/or tags -
lernaã§ã®monorepoã«ãŠã‘るリリースフãƒãƒ¼(Fixed/Independent)
一ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã§è¤‡æ•°ã®ãƒ‘ッケージを管ç†ã™ã‚‹éš›ã«ã¯Lernaã¨Yarnã®ãƒ¯ãƒ¼ã‚¯ã‚¹ãƒšãƒ¼ã‚¹ã‚’組ã¿åˆã‚ã›ã¦é‹ç”¨ã™ã‚‹monorepoã«ã™ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ lerna/lerna: A tool for managing JavaScript projects with multiple packages. Lernaã«ã¯Fixed(ã™ã¹ã¦ã®ãƒ‘ッケージãŒåŒã˜ãƒãƒ¼ã‚¸ãƒ§ãƒ³)ã¨Independent(パッケージã”ã¨ã«ç•°ãªã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³)ã®ãƒ¢ãƒ¼ãƒ‰ãŒã‚ã‚Šã¾ã™ã€‚ https://github.com/lerna/lerna#how-it-works 基本的ã«ã¯Fixedã®æ–¹ãŒé‹ç”¨ã¯ç°¡å˜ã§ã™ãŒã€ä¸è‡ªç„¶ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ä¸ŠãŒã‚Šæ–¹ã‚’é¿ã‘ãŸã„å ´åˆãªã©ã¯Independentã®modeを使ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Fixed modeã¨Independent modeã§ã®ãƒ‘ッケージã®ãƒªãƒªãƒ¼ã‚¹ãƒ•ãƒãƒ¼ã«ã¤ã„ã¦è¦‹ã¦ã„ãã¾ã™
Lernaを使ã£ã¦Firebase環境ã®ãŸã‚ã®ãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒä¸€å¼ã‚’カッコよã構築ã™ã‚‹ - Qiita
Firebaseã§å¿…è¦ãªç’°å¢ƒè¨å®šã‚’ã¾ã¨ã‚ã¦ã„ãŸã‚‰æ€ã£ãŸã‚ˆã‚Šé•·ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ Clientã‚‚Serverã‚‚typescriptã§æ›¸ã„ãŸã‚Šå…±é€šã®lintè¨å®šãªã©ã§ç®¡ç†ã™ã‚‹å ´åˆãƒ¢ãƒŽãƒ¬ãƒå½¢å¼ã§ã‚„ã‚‹ã¨è‰¯ã„ã§ã™ã€‚ ビルド環境ã‹ã‚‰ãƒ†ã‚¹ãƒˆç’°å¢ƒã€CIã®ç’°å¢ƒã¾ã§è§£èª¬ã—ã¾ã™ã€‚ 完æˆå¾Œã®ãƒ¬ãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ã§ã™:https://github.com/kyasbal-1994/firebase-monorepo イケã¦ã‚‹ãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒæ§‹ç¯‰ Node.jsã§ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚’書ã„ãŸã‚Šã€è¤‡æ•°ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒã‚ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªå•é¡Œã«ç›´é¢ã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 共用ã§ãるコードãªã®ã«åˆ¥ã€…ã«æ›¸ã„ã¦ã‚‹ 一度æŒã£ã¦ããŸå…±ç”¨ã‚³ãƒ¼ãƒ‰ãªã®ã«å¤ããªã£ã¦ã‚‹ åŒã˜ã‚ˆã†ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãªã®ã«ãƒ‡ãƒ—ãƒã‚¤ã®è¨å®šã¨ã‹ã„ã‚ã„ã‚ãŒã‚ªãƒªã‚¸ãƒŠãƒªãƒ†ã‚£æº¢ã‚Œã‚‹ ãƒãƒ¼ãƒ 内ã§åˆ†æ‹…ã«ã‚ˆã£ã¦çŸ¥ã‚‰ãªã„コードãŒå¢—ãˆã¦ã—ã¾ã† ã“ã®ã‚ˆã†ãªå•é¡Œã‚’解決ã™ã¹ãã€Lernaを用ã„ãŸ
橋本商会 » lernaã§monorepoã—ãŸ
monorepoã¨ã„ã†1ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã«è¤‡æ•°ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’入れる開発手法ãŒã‚る。 ã“ã®è¨˜äº‹ã§çŸ¥ã£ãŸã€‚ å˜ä¸€ãƒªãƒã‚¸ãƒˆãƒªã§è¤‡æ•°package|projectを管ç†ã™ã‚‹ã“ã¨ã‚’monorepoã¨ã„ã†ãㆠ– ãªã£ãæ—¥å ± ãã†ã„ãˆã°RocketIOã‚„node-lindaを作ã£ã¦ã„ãŸæ™‚ã¯è‡ªä½œã®ãƒ©ã‚¤ãƒ–ラリ/パッケージãŒ3,4層ã«ç©ã¿ä¸ŠãŒã£ã¦ã„ã¦ã€å˜ä¸€ãƒ‘ッケージ内ã§ç”Ÿã˜ã‚‹ãƒã‚°ã¯ãƒ†ã‚¹ãƒˆã‚’書ã‘ã°æ½°ã›ã‚‹ã‘ã©ãƒ‘ッケージ間ã§èµ·ã“ã‚‹ãƒã‚°ã¯éžå¸¸ã«è§£æ±ºãŒé›£ã—ã‹ã£ãŸã€‚イベント発ç«ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã«ã‚ˆã‚‹ã‚‚ã®ã¨ã‹ã€‚パッケージをã¾ãŸãŒã£ãŸãƒ†ã‚¹ãƒˆã‚’ã©ã“ã«æ›¸ãã®ã‹ã¨ã„ã†å•é¡ŒãŒã‚る。 複数パッケージã§èµ·ã“ã£ãŸãƒã‚°ã¯ã©ã£ã¡ã®issueã«æ›¸ã‘ã°ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã—ã€ä¸¡æ–¹ã§ãƒ–ランãƒåˆ‡ã£ã¦åŒæ™‚ã«ä¿®æ£ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã—ãŸã‚Šã¨ã‹è¶…é¢å€’ã ã£ãŸã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³æ¯Žã®ä¾å˜é–¢ä¿‚ã‚‚ã€serverã®1.3ã«å¯¾å¿œã—ã¦ã‚‹ã®ã¯clientã®1.5ã§ãƒ»ãƒ»ã¨ã‹ä¾å˜é–¢ä¿‚を書ãã®ãŒã‚„
How to use yarn workspaces with Create React App and Create React Native App (Expo) to share common…
How to use yarn workspaces with Create React App and Create React Native App (Expo) to share common code across The goal of this tutorial is to make a monorepo using yarn workspaces to share common code across a Create React App (CRA) and a Create React Native App (CRNA/Expo). There are currently some issues with the projects that when fixed, these workarounds shouldn’t be needed anymore: facebook
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Painless monorepo dependency management with Bit
GitHub - hisasann/gas-typescript-starter: 🡠Google Apps Script + TypeScript + lerna ðŸ¼
Nx: Smart Repos · Fast Builds
TypeScript + Yarn Workspace Monorepo
{{#tags}}- {{label}}
{{/tags}}