Coder Social home page Coder Social logo

monorepo-example's Introduction

Lerna

  • monorepo를 관리하기에 용이한 tool.

Install

yarn add -D lerna --ignore-workspace-root-check # -W 옵션으로 대체가능.

Commands

npx lerna init
yarn lerna clean
yarn lerna bootstrap --hoist

# packages의 package들에 해당하는 명렁어를 한꺼번에 실행.
yarn lerna run start
yarn lerna run test

# packages의 package들 name에 해당하는 명령어 실행.
yarn lerna run start --scope=@jangbuda-front/manager
yarn lerna run start --socpe=@jangbuda-front/member

# packages의 package들 name 목록에 해당하는 명령어 실행.
yarn lerna run start --socpe={@jangbuda-front/manager,@jangbuda-front/member}

yarn lerna diff

Structure

 * Monorepo
│
│
│  .gitignore
│  lerna.json
│  package.json
│  README.md
│  yarn.lock
│
└─packages
    │  babel.config.json
    │  snowpack.config.js
    │
    ├─common
    │  │  .babelrc
    │  │  package.json
    │  │  snowpack.config.js
    │  │  tsconfig.json
    │  │
    │  └─src
    │      │  index.tsx
    │      │
    │      ├─components
    │      │      CommonApp.tsx
    │      │      index.tsx
    │      │
    │      └─utils
    │              index.ts
    │
    ├─manager
    │  │  package.json
    │  │  snowpack.config.js
    │  │  tsconfig.json
    │  │  yarn-error.log
    │  │
    │  ├─public
    │  │      index.html
    │  │
    │  └─src
    │          App.tsx
    │          index.tsx
    │
    ├─member
    │  │  package.json
    │  │  snowpack.config.js
    │  │  tsconfig.json
    │  │
    │  ├─public
    │  │      index.html
    │  │
    │  └─src
    │          App.tsx
    │          index.tsx
    │
    └─_root
        │  package.json
        │  snowpack.config.js
        │  tsconfig.json
        │  yarn-error.log
        │
        ├─public
        │      index.html
        │
        └─src
                index.tsx

Refs

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.