我有两个不同的项目,都是使用create-react-app脚手架搭建的。 第一个项目中,UI包含了一个简单的UI库。它只是一堆简单的组件,项目结构如下:
app
src
CustomButton.js
...
没有什么不寻常的。只是一些简单的React组件。第二个是应用程序本身。
是否可以使用npm link将UI项目添加为依赖项?我希望能够像这样从UI项目导入组件:
import {CustomButton} from 'UI';
我有两个不同的项目,都是使用create-react-app脚手架搭建的。 第一个项目中,UI包含了一个简单的UI库。它只是一堆简单的组件,项目结构如下:
app
src
CustomButton.js
...
没有什么不寻常的。只是一些简单的React组件。第二个是应用程序本身。
是否可以使用npm link将UI项目添加为依赖项?我希望能够像这样从UI项目导入组件:
import {CustomButton} from 'UI';
是的,我经常这样做。来自npm链接文档:
软件包链接是一个两步过程。
首先,在软件包文件夹中运行npm link将在全局文件夹{prefix}/lib/node_modules/中创建一个符号链接,该符号链接指向执行npm link命令的软件包。它还将把软件包中的任何二进制文件链接到{prefix}/bin/{name}。请注意,npm link使用全局前缀(请参见npm prefix -g获取其值)。
接下来,在其他位置,运行npm link package-name将在当前文件夹的node_modules/中创建一个从全局安装的package-name到符号链接。
请注意,package-name是从package.json中获取的,而不是从目录名称中获取的。
例如:
cd ~/projects/my-components-lib # go into the package directory
npm link # creates global link
cd ~/projects/my-app # go into some other package directory.
npm link my-components-lib # link-install the package