Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/56.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用NPM和Watchify编译多个脚本包_Javascript_Npm_Watchify - Fatal编程技术网

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

Javascript 使用NPM和Watchify编译多个脚本包,javascript,npm,watchify,Javascript,Npm,Watchify,我有一个项目,我想编译单独的脚本包——一个主脚本包包含在每个页面上,一个单独的脚本包只包含在特定页面上 我有一个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

我有一个项目,我想编译单独的脚本包——一个主脚本包包含在每个页面上,一个单独的脚本包只包含在特定页面上

我有一个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编译多个bundle以避免上述问题?我没有足够的代表发表评论,因此我将在这里发布

您没有添加目录结构

应该是吗

"build-site": "watchify Scripts/modules/site.js -o Scripts/bundle.js -v -d ."
将site.js路径从Scripts/file更改为Scripts/module/file


不能确定,我看不到目录布局。

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

我怀疑发生的事情是npm正在编译并锁定
site.js
,然后在
site.js
准备就绪之前就开始编译
student.js


我通过删除冗余而不是自己编译
site.js
来解决这个问题。现在它被
student.js
包含,我只是在页面上包含
student\u bundle.js
,而不是
site.js
student\u bundle.js

student.js是否有要求('Scripts/site.js')?@jeromeanty是的。