前端工程化-基于Taro的Web端Monorepo架构改造

前端工程化-Genebox小程序端Monorepo架构改造中介绍了在使用Taro框架下，结合yarn workspace + lerna 来改造Monorepo架构的方式和流程，这篇文章与本篇文章内容有很大关联，未阅读的可以先查看前端工程化-Genebox小程序端Monorepo架构改造。

使用Taro框架来进行小程序开发主要因素为实现多端代码的复用。比如 Web、RN等。如何将当前Monorepo架构下的代码编译到Web端呢？

在Web端的改造中，仍然采用小程序改造下的引用不同lerna模块下的页面路由方式规则

主入口路由命名规则：@pkg/pages/login

分包入口路由命名规则：@pkg/list/index

样式

小程序端采用CSSModule的样式方式编写，为了在原有小程序端基础上支持H5的样式编译，需要在项目的config/index下添加如下代码

h5: {
    publicPath: '/',
    staticDirectory: 'static',
    postcss: {
      autopr