分离前端＆amp; Gulp / Yarn的后端依赖关系

Question

我想使用yarn代替bower + npm。 Yarn使用package.json，并且不在前端和后端包之间分开。

到目前为止，我读到了我需要将我的前端+后端依赖项与gulp分开： How to use one package manager for backend and frontend? (Yarn/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的{​​{1}}：

testDependencies

在路径中安装handpick --target=devDependencies --filter=testDependencies 和dependencies

devDependencies