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

Posted 2022-07-02 Songlcy

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端工程化-基于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

以上是关于前端工程化-基于Taro的Web端Monorepo架构改造的主要内容，如果未能解决你的问题，请参考以下文章