Je suis un débutant. J'ai vu beaucoup d'environnements de compilation es6 de master construits avec gulp, et je l'ai essayé moi-même, mais je ne comprends toujours pas très bien comment l'utiliser dans des projets réels. J'ai vu des exemples écrits par des ma?tres qui combinent plusieurs fichiers es6. Les fichiers js compilés sont finalement fusionnés dans un fichier bundle.js, et bundle.js est également référencé dans la page.
Mon projet actuel comporte plusieurs pages. Par exemple, a.html doit faire référence à a.js et jquery.js, b.html doit faire référence à b.js et jquery.js, et c.html doit faire référence à b.js et c.js et jquery.js. Comment compiler le fichier dans ce cas, et comment l'utiliser en html ?
2
0
0
認(rèn)證0級講師
La première situation que vous avez mentionnée est que vous avez écrit vous-même la tache gulp pour fusionner plusieurs fichiers en un seul fichier bundle.js. gulp任務(wù)，將多個文件最終合并成為一個bundle.js文件。
同樣的，對于第二個你說的場景，你只需要寫多個gulp任務(wù)，最終分別不同的入口文件打包不同的a.js，b.js等等。
在html文件中對應(yīng)引入即可，gulp作為build
gulp, et enfin de regrouper différents a.js dans différents fichiers d'entrée, b. js et ainsi de suite. ??
??Introduisez-le simplement dans le fichier html. gulp peut être utilisé dans n'importe quel environnement comme outil de build. Après tout, l'environnement de production n'utilise que. pour générer C'est juste un fichier. ??
La tache personnalisée de
gulp peut compresser et fusionner les fichiers js, il suffit de déclarer le chemin du fichier. bundle.js doit être généré par webpack, qui est optimisé pour la compatibilité ES6 et les navigateurs. En html, vous pouvez directement citer les js compressés et fusionnés dans index.htmlgulp的自定義任務(wù)可以壓縮和合并js文件，只需要申明文件路徑即可。bundle.js應(yīng)該是webpack生成的，webpack針對ES6和瀏覽器具有兼容性優(yōu)化。在html中可以直接在index.html里引用壓縮合并后的js即可
在gulp的watch事件中添加針對js文件的監(jiān)聽，這樣即可在有任何監(jiān)聽的js文件被修改后重新壓縮合并所有js
js dans l'événement watch de gulp, afin que tout js surveillé après le le fichier est modifié, recompressez et fusionnez tous les fichiers js pour la mise à jour??
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
