Wie verwende ich mit Gulp kompilierte ES6-Dateien in realen Projekten?
PHP中文网
PHP中文网 2017-05-19 10:34:53
0
2
553

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?

PHP中文网
PHP中文网

认证0级讲师

Antworte allen(2)
phpcn_u1582

第一种你说的情况是你自己写的gulp任务,将多个文件最终合并成为一个bundle.js文件。

同样的,对于第二个你说的场景,你只需要写多个gulp任务,最终分别不同的入口文件打包不同的a.jsb.js等等。

html文件中对应引入即可,gulp作为build工具可以用在任何环境,毕竟生产环境用的不过也只是生成的文件而已。

伊谢尔伦

gulp的自定义任务可以压缩和合并js文件,只需要申明文件路径即可。bundle.js应该是webpack生成的,webpack针对ES6和浏览器具有兼容性优化。在html中可以直接在index.html里引用压缩合并后的js即可

gulpwatch事件中添加针对js文件的监听,这样即可在有任何监听的js文件被修改后重新压缩合并所有js文件用于更新

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage