我有一个NPM Workspaces React项目，我想创建一个"assets"工作区，我的所有工作区都可以从这个工作区导入图像和其他资产。
project/
├─ assets/
│ ├─ public/
│ │ ├─ logo.png
├─ package1/
├─ package2/我的问题是：在前面的例子中，推荐的在package1中使用logo.png的方法是什么？
我有一个NPM Workspaces React项目，我想创建一个"assets"工作区，我的所有工作区都可以从这个工作区导入图像和其他资产。
project/
├─ assets/
│ ├─ public/
│ │ ├─ logo.png
├─ package1/
├─ package2/我的问题是：在前面的例子中，推荐的在package1中使用logo.png的方法是什么？
1条答案
按热度按时间ubof19bj1#
2种可能的方法：
A.使用类似http-server的东西提供assets/ dir中的内容。将它们加载到类似CDN assets的react应用程序中。
<img src="http://localhost:8888/assets/public/logo.png" alt="logo"/>B.在assets/中初始化一个同名的package.json，使其成为一个工作区包，然后可以从该包中作为常规导入进行导入。
import logo from 'assets/public/logo.png';如果支持直接资产导入（例如nextjs），那么选项B会更好。