使用 Gulp/Yarn 分离前端和后端依赖关系

Question

我想用yarn而不是bower+npm.Yarn 使用 package.json，并且不会在前端和后端包之间分离。

到目前为止，我读到这里，我需要用gulp分离我的前端+后端依赖项： 如何将一个包管理器用于后端和前端？(纱线/NPM(

我的应用使用 MEAN 堆栈。目前，我正在使用例如wiredep将所有前端依赖项注入我的index.html。

问题： 如何在构建过程中自动将前端依赖项与后端依赖项分开？/是否有任何选项可以使用 yarn 指定前端/后端包？

Answer 1

让我介绍一下Handpick，它可以让您定位和过滤多个依赖项。我写这篇文章是为了加快 CI 阶段，这些阶段只需要 devDependencies 的一部分，但最终会有更多的用例。这个项目是相当实验性的 - 请留下一些反馈。

安装

在您的系统上安装：

npm install handpick --global

用法

运行命令：

handpick [options]
-V, --version
-T, --target
-F, --filter
-M, --manager
-P, --path
-h, --help

例子

在文件中定义非官方package.json依赖项：

{
"lintDependencies":
{
"eslint": "6.8.0",
"eslint-config-redaxmedia": "2.0.0"
},
"testDependencies":
{
"chai": "4.2.0",
"mocha": "7.1.1"
}
}

安装lintDependencies：

handpick --target=lintDependencies

通过 YARN 安装devDependencies和lintDependencies：

handpick --target=devDependencies --target=lintDependencies --manager=yarn

安装devDependencies而不testDependencies：

handpick --target=devDependencies --filter=testDependencies

在路径中安装dependencies和devDependencies：

handpick --path=../shared