使用NPM和Watchify编译多个脚本包

Question

我有一个项目，我想要编译单独的脚本包-一个主要的一个包含在每个页面和一堆单独的捆绑将只包含在特定的页面。

我有一个NPM脚本，如下所示：

"build-site": "watchify Scripts/site.js -o Scripts/bundle.js -v -d .",
"build-student": "watchify Scripts/modules/student.js -o Scripts/student_bundle.js -v -d .",
"start": "npm run build-site | npm run build-student",

因此，我运行npm start和Watchify启动并开始查看文件。这部分工作得很好。

每当我对学生模块进行更改时，都会重新编译两个文件(没问题)，但当我在浏览器中查看页面时，会发现模块'site.js‘无法找到。

如果然后转到site.js文件并修改某些内容，就会发生重新编译，但这一次它在浏览器中运行良好。

因此，关键是，当我试图编译一个文件时，我必须对另一个文件进行更改，以使其也能正确编译。我觉得我的方式有点不稳定，但我找不到与Watchify捆绑多个文件的多少信息。

为了总结我的问题：，如何使用Watchify编译多个包以避免上述问题？

Answer 1

最后，这个问题似乎很简单。我试图编译的其中一个文件实际上包含在另一个文件中。

我怀疑site.js是由npm编译和锁定的，然后student.js的编译在site.js准备就绪之前就已经启动了。

我通过删除冗余，而不是自己编译site.js来修正这个问题。现在它被student.js包括了，而我只是在页面中包含了student_bundle.js，而不是site.js和student_bundle.js。

Answer 2

我没有足够的代表发表评论，所以我会在这里发布。

您没有添加目录结构。

它应该是

"build-site": "watchify Scripts/modules/site.js -o Scripts/bundle.js -v -d ."

将site.js路径从脚本/文件更改为脚本/模块/文件

不能确定，我看不见目录布局。