저는 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에서 사용하는 방법은 무엇입니까?
phpcn_u15822017-05-19 10:36:53
첫 번째 상황은 여러 파일을 하나의 bundle.js 파일로 병합하기 위해 gulp 작업을 직접 작성했다는 것입니다. gulp任务，将多个文件最终合并成为一个bundle.js文件。
同样的，对于第二个你说的场景，你只需要写多个gulp任务，最终分别不同的入口文件打包不同的a.js，b.js等等。
在html文件中对应引入即可，gulp作为build
gulp 작업을 작성하고 마지막으로 서로 다른 a.js를 서로 다른 항목 파일인 b로 패키징하기만 하면 됩니다. js 등이 있습니다. 🎜
🎜html 파일에 소개해주시면 됩니다. build 도구로는 어떤 환경에서든 사용할 수 있습니다. 결국 프로덕션 환경에서는 이것만 사용합니다. 생성하는 것은 단지 파일일 뿐입니다. 🎜
伊谢尔伦2017-05-19 10:36:53
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 파일을 다시 압축하고 병합하세요🎜