用杯纱分离前端和后端的依赖关系

Question

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

到目前为止，我已经阅读过了，所以我需要用gulp：如何为后端和前端使用一个包管理器？(纱线/NPM)来分离我的前端+后端依赖项。

我的应用程序使用的是平均堆栈。目前，我正在使用例如wiredep将所有前端依赖项注入到index.html中。

问:如何在构建过程中自动分离前端依赖项和后端依赖项?/是否有任何选项可以指定带有纱线的前端/后端包？

Answer 1

让我介绍一下手挑，它允许您对多个依赖项进行目标和筛选。我写这篇文章是为了加快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

通过纱线安装devDependencies和lintDependencies：

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

安装没有devDependencies的testDependencies

handpick --target=devDependencies --filter=testDependencies

在path中安装dependencies和devDependencies：

handpick --path=../shared