node.js - 带有第二个 package.json 的模式实验室

Question

我有一个模式实验室edition-node-gulp设置并希望使用 NPM 来管理 UI 依赖项，例如 jQuery、D3 等。模式实验室的设置是为了在“源”文件夹中进行开发，该文件夹被编译并移动到“公共(public)”文件夹中。提供服务时，公共(public)文件夹的根目录将成为应用程序的根目录。

目前，我手动包含 jQuery 等资源。我认为在用于运行所有 Pattern Lab Node 的 package.json 文件中管理像 jQuery 这样的依赖关系会很棒，但是 node_modules 文件夹存在于 Public 之外，所以我无法在实时应用程序中引用它。

到目前为止，我似乎有两个选择:

1. 按原样继续，忘记这些资源的包管理。
2. 使用 jQuery 等在 Public 中创建第二个 package.json，这看起来很草率。

创建第二个 package.json 有那么糟糕吗？我是否没有考虑其他选择？

Answer 1

创建第二个 package.json 并没有那么糟糕(当然，当您知道自己在做什么以及如何做时)。然而，在您的特定情况下，这不是最好的方案，因为还有更好的选择。

有什么问题吗？将 Assets 添加到构建输出。那么，你可以做什么:

1. 通过npm install安装资源并将其保存在原始package.json中
2. 调整gulpfile.js以复制输出目录中的文件。

如果第二步太hacky/有问题，也可以用简单的package.json scripts 更改来替换(添加build 脚本):

"scripts": {
  "gulp": "gulp -- ",
  "build": "npm run gulp && cp -R node_modules/jquery/dist/blablabla.js mypublicdir/blablabla.js"
},

然后将其作为npm run build运行。如果您需要支持Windows，您可以使用https://www.npmjs.com/package/cp-cli而不是cp。