基于Lerna与React构建概念验证项目的实操问询

最近我在捣鼓一个用Lerna和React搭建的概念验证（proof-of-concept）项目，目前已经能正常跑起来啦，给大家分享下细节：

项目说明 #

这个项目采用Lerna的多包管理架构，搭配React进行开发，代码仓库为SeanPlusPlus/lerna-react。

项目运行步骤 #

按照以下步骤就能顺利启动项目：

• 克隆项目代码：

  git clone git@github.com:SeanPlusPlus/lerna-react.git
  

• 进入项目根目录：

  cd lerna-react
  

• 执行Lerna命令同步所有包的依赖：

  lerna bootstrap
  

• 进入React应用所在的包目录：

  cd packages/app
  

• 启动React开发服务器：

  yarn start
  

组件导入示例 #

注：packages/app目录是通过create-react-app创建的标准React应用结构

我在packages/app/src/App.js中导入并渲染了Headline组件，示例代码如下：

import React, { Component } from 'react';
import logo from './logo.svg';
import Headline from '@seanplusplus/headline';

class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <Headline text="Hello Lerna + React Monorepo!" />
        </header>
      </div>
    );
  }
}

export default App;

内容的提问来源于stack exchange，提问作者SeanPlusPlus