Javascript 使用NPM和Watchify编译多个脚本包
我有一个项目,我想编译单独的脚本包——一个主脚本包包含在每个页面上,一个单独的脚本包只包含在特定页面上 我有一个NPM脚本,如下所示: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
"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.jsstudent.js是否有要求('Scripts/site.js')?@jeromeanty是的。