跨不同 NPM 工作区共享资产

Question

我有一个 NPM Workspaces React 项目，我想创建一个“资产”工作区，我的所有工作区都可以从中导入图像和其他资产。 目录结构如下所示：

project/
├─ assets/
│  ├─ public/
│  │  ├─ logo.png
├─ package1/
├─ package2/

我的问题是：在上述示例中，在 package1 中使用 logo.png 的推荐方法是什么？

Answer 1

2种可能的方式：

A. 使用http-server之类的服务提供 assets/ 目录中的内容。 将它们像 CDN 资产一样加载到 React 应用程序中。

<img src="http://localhost:8888/assets/public/logo.png" alt="logo"/>

B. 在 assets/ 中初始化一个同名的 package.json，所以它变成一个工作空间 package。然后你可以从那个 package作为常规导入导入。

import logo from 'assets/public/logo.png';

如果支持直接资产导入（例如 nextjs），那么选项 B 会更好。