?? gulp? ???? ??? ????? ??? es6 ??? ?? ???, ?? ??? ???? ?? ?????? ??? ????? ?? ? ??????. ?? es6 ??? ???? ???? ??? ??? ? ?? ????. ???? js ??? ?? Bundle.js ??? ????, Bundle.js? ????? ?????.
?? ????? ?? ???? ????. ?? ?? a.html? a.js ? jquery.js? ???? ??, b.html? b.js ? jquery.js? ???? ??, c.html? b.js ? jquery.js? ???? ???. c.js? jquery.js. ? ?? ??? ????? ??? HTML?? ???? ??? ??????
2
0
0
認證0級講師
? ?? ??? ?? ??? ??? bundle.js ??? ???? ?? gulp ??? ?? ????? ????. gulp任務(wù)，將多個文件最終合并成為一個bundle.js文件。
同樣的，對于第二個你說的場景，你只需要寫多個gulp任務(wù)，最終分別不同的入口文件打包不同的a.js，b.js等等。
在html文件中對應(yīng)引入即可，gulp作為build
gulp ??? ???? ????? ?? ?? a.js? ?? ?? ?? ??? b? ?????? ?? ???. js ?? ????. ??
??html ??? ?????? ???. build ???? ?? ????? ??? ? ????. ?? ???? ????? ??? ?????. ???? ?? ?? ??? ????. ??
gulp? ??? ?? ??? js ??? ???? ??? ? ??? ?? ??? ???? ???. bundle.js? ES6 ? ???? ???? ???? webpack? ?? ????? ???. html??? 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? ?? ??? ? ????.
gulp? watch ???? js ??? ?? ???? ???? ?????? ?? js? ??? ???????. ????? ?? ?? js ??? ?? ???? ???????
![[? ?????] Node.js ?? ??](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
