Ich bin ein Neuling. Ich habe viele mit Gulp erstellte Master-Kompilierungsumgebungen gesehen und es selbst ausprobiert, aber ich verstehe immer noch nicht ganz, wie man es in tatsächlichen Projekten verwendet. Ich habe von Meistern geschriebene Beispiele gesehen, die mehrere es6-Dateien kombinieren. Die kompilierten js-Dateien werden schließlich in einer bundle.js-Datei zusammengeführt, und auf bundle.js wird auch auf der Seite verwiesen.
Mein aktuelles Projekt hat mehrere Seiten. Beispielsweise muss a.html auf a.js und jquery.js verweisen, b.html muss auf b.js und jquery.js verweisen und c.html muss auf b.js und jquery.js verweisen c.js. und jquery.js. Wie kompiliert man die Datei in diesem Fall und wie verwendet man sie in HTML?
第一种你说的情况是你自己写的
gulp
任务,将多个文件最终合并成为一个bundle.js
文件。同样的,对于第二个你说的场景,你只需要写多个
gulp
任务,最终分别不同的入口文件打包不同的a.js
,b.js
等等。在
html
文件中对应引入即可,gulp
作为build
工具可以用在任何环境,毕竟生产环境用的不过也只是生成的文件而已。gulp
的自定义任务可以压缩和合并js
文件,只需要申明文件路径即可。bundle.js
应该是webpack
生成的,webpack
针对ES6和浏览器具有兼容性优化。在html
中可以直接在index.html
里引用压缩合并后的js即可在
gulp
的watch
事件中添加针对js
文件的监听,这样即可在有任何监听的js
文件被修改后重新压缩合并所有js
文件用于更新