Comment utiliser les fichiers es6 compilés par gulp dans des projets réels ?
PHP中文网
PHP中文网 2017-05-19 10:34:53
0
2
489

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 ?

PHP中文网
PHP中文网

认证0级讲师

répondre à tous (2)
phpcn_u1582

La première situation que vous avez mentionnée est que vous avez écrit vous-même la tâchegulppour fusionner plusieurs fichiers en un seul fichierbundle.js.gulp任务,将多个文件最终合并成为一个bundle.js文件。

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

html文件中对应引入即可,gulp作为build

De même, pour le deuxième scénario que vous avez mentionné, il vous suffit d'écrire plusieurs tâches gulp, et enfin de regrouper différents a.jsdans différents fichiers d'entrée, b. jset ainsi de suite. Introduisez-le simplement dans le fichier html. gulppeut ê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 tâche personnalisée de

    gulppeut compresser et fusionner les fichiersjs, il suffit de déclarer le chemin du fichier.bundle.jsdoit être généré parwebpack, qui est optimisé pour la compatibilité ES6 et les navigateurs. Enhtml, vous pouvez directement citer les js compressés et fusionnés dansindex.htmlgulp的自定义任务可以压缩和合并js文件,只需要申明文件路径即可。bundle.js应该是webpack生成的,webpack针对ES6和浏览器具有兼容性优化。在html中可以直接在index.html里引用压缩合并后的js即可

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

    Ajoutez un moniteur pour le fichier jsdans l'événement watchde gulp, afin que tout jssurveillé après le le fichier est modifié, recompressez et fusionnez tous les fichiers jspour la mise à jour
      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!