在不同的NPM工作区之间共享资产

Question

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

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

我的问题是：在前面提到的例子中，在package1中使用logo.png的推荐方法是什么？

Answer 1

两种可能的方式：

A。使用类似http服务器的东西来服务assets/dir中的内容。将它们加载到类似react应用程序的CDN资产中。

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

B。在assets/中用相同的名称初始化一个package.json，这样它就变成了一个工作区包。然后，您可以将该包作为常规导入进行导入。

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

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