我们如何管理像IDEA中的Maven这样的前端项目依赖包
前端项目越来越多,每个项目都有自己的我们如何管理像IDEA中的Maven这样的前端项目依赖包,maven,npm,webstorm,dependency-management,Maven,Npm,Webstorm,Dependency Management,前端项目越来越多,每个项目都有自己的node\u模块文件夹 模块文件夹中有许多重复文件 我们如何像IDEA中的Maven那样在一个文件夹中管理所有前端项目的依赖项包 要求: 当运行和打包不同的项目时,WebStorm可以引用指定文件夹中的依赖包 当运行npm安装时,计算机将检查公共依赖项包文件夹是否具有当前项目需要使用的依赖项版本 如果是,您将不会下载安装 如果没有,您将把自己的依赖项下载到公用文件夹 当同一依赖包中存在多个版本时,项目可以自动引用正确的版本 也许在读了我的问题后,你比
node\u模块
文件夹
模块文件夹中有许多重复文件
我们如何像IDEA中的Maven那样在一个文件夹中管理所有前端项目的依赖项包
要求:
- 如果是,您将不会下载安装
- 如果没有,您将把自己的依赖项下载到公用文件夹
也许在读了我的问题后,你比我更了解我的实际需求。谢谢。如果您使用npm查看任何前端项目中的
package.json
文件,您将看到当前项目中的所有依赖项,并可以在其中管理版本npm安装
安装该文件中列出的依赖项
阅读更多关于package.json的信息,请点击此处:汉语简体
使用纱线工作区
纱线工作区功能,同时解决了
1.多项目大量重复node_modules磁盘黑洞问题
2.在某个项目执行npm install时,会在当前项目把所有依赖包都在本项目的node_modules文件夹下又装一遍
2.1 每当装新依赖包时,都要更新完子项目的package.json后,在root目录下执行 yarn install 来安装
首先安装纱线工具
npm i纱线-g
假如根文件夹下有项目项目a和b项目目录结构如下:
root
project-a
project-b
一,。在根文件夹下创建package.json内容如下:
{
"private": true,
"workspaces": ["project-a", "project-b"]
}
二,。保证项目a和 b项目项目内,各自的package.json中,名称属性值分别为:
project-a里的package.json:
{
...
"name": "project-a"
...
}
project-b里的package.json:
{
...
"name": "project-b"
...
}
三,。使用命令行工具进入根文件夹,执行 纱线安装
3.1 等待安装完毕,即可进入项目正常启动项目
3.1 after installation, you can enter the normal start-up project
四,。提示:
4.1 此时所有依赖包都会被安装在root/node_modules文件夹下
4.2 子项目的node_modules文件夹下会被生成相关link文件,不要删除
4.3 每当装新依赖包时,都要更新完子项目的package.json后,在root目录下执行 yarn install 来安装
英式
使用纱线工作空间
纱线工作空间功能,并解决
多项目大批量重复节点u模盘黑洞问题
当为项目执行NPM安装时,所有相关软件包都将放置在当前项目的项目节点中,并在模块文件夹下再次安装
2.1安装新的依赖项包时,应更新子项目的package.json,然后在根目录下执行安装以安装
首先安装纱线工具
npm i纱线-g
如果根文件夹中有project-a和project-b项目,则目录结构如下:
root
project-a
project-b
在根文件夹中创建package.json,包含以下内容:
确保project-a和project-b项目的package.json中的name属性值为:
使用命令行工具进入根文件夹并执行安装
3.1 等待安装完毕,即可进入项目正常启动项目
3.1 after installation, you can enter the normal start-up project
小贴士:
4.1 all dependent packages will be installed at root/node_ Under modules folder
4.2 node of subproject_ The related link file will be generated under the modules folder, do not delete it
4.3 when installing a new dependency package, you should update the package.json of the subproject, and then execute the yarn install in the root directory to install it
非常感谢你。我在“$schema”中更改了angular.json:“./node_umodules/@angular/cli/lib/config/schema.json”,完成了多个项目以共享一个node_umodules文件夹。然而,有两个问题1。当在项目中执行NPM安装时,根据package.json install all dependencies,NPM将位于当前项目模块文件夹的节点中。2.当前项目的tslint找不到依赖于TS的包,并始终提示:“安装tslint包”