저는 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에서 사용하는 방법은 무엇입니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
첫 번째 상황은 여러 파일을 하나의
bundle.js파일로 병합하기 위해gulp작업을 직접 작성했다는 것입니다.gulp任务，将多个文件最终合并成为一个bundle.js文件。同样的，对于第二个你说的场景，你只需要写多个
gulp任务，最终分别不同的入口文件打包不同的a.js，b.js等等。在
마찬가지로, 언급한 두 번째 시나리오의 경우 여러html文件中对应引入即可，gulp作为buildgulp작업을 작성하고 마지막으로 서로 다른a.js를 서로 다른 항목 파일인b로 패키징하기만 하면 됩니다. js등이 있습니다. 🎜 🎜html파일에 소개해주시면 됩니다.build도구로는 어떤 환경에서든 사용할 수 있습니다. 결국 프로덕션 환경에서는 이것만 사용합니다. 생성하는 것은 단지 파일일 뿐입니다. 🎜gulp의 사용자 정의 작업은js파일을 압축하고 병합할 수 있으며 파일 경로만 선언하면 됩니다.bundle.js는 ES6 및 브라우저 호환성에 최적화된webpack에 의해 생성되어야 합니다.html에서는index.htmlgulp的自定义任务可以压缩和合并js文件，只需要申明文件路径即可。bundle.js应该是webpack生成的，webpack针对ES6和浏览器具有兼容性优化。在html中可以直接在index.html里引用压缩合并后的js即可在
gulp的watch事件中添加针对js文件的监听，这样即可在有任何监听的js文件被修改后重新压缩合并所有js에 있는 압축 및 병합된 js를 직접 인용할 수 있습니다.gulp의watch이벤트에js파일에 대한 모니터를 추가하여 모니터링되는 모든js가 파일이 수정되었습니다. 업데이트를 위해 모든js파일을 다시 압축하고 병합하세요🎜