如何在实际项目中使用gulp编译后的es6文件？

Question

鄙人新手，看了很多大神的使用gulp搭建的编译es6环境，也自己动手试了一下，但还是不太明白如何在实际项目中使用.
看到大神写的例子，是把多个es6文件编译成的js文件最终都合并在了一个bundle.js文件中，在页面中引用的也是bundle.js。
而我现在的项目有多个页面，比如a.html需要引用a.js和jquery.js，b.html需要引用b.js和jquery.js，c.html需要引用b.js、c.js和jquery.js。这种情况下到底该如何去编译文件，在html中又该如何使用呢？

Answer 1

第一种你说的情况是你自己写的gulp任务，将多个文件最终合并成为一个bundle.js文件。

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

在html文件中对应引入即可，gulp作为build工具可以用在任何环境，毕竟生产环境用的不过也只是生成的文件而已。

Answer 2

gulp的自定义任务可以压缩和合并js文件，只需要申明文件路径即可。bundle.js应该是webpack生成的，webpack针对ES6和浏览器具有兼容性优化。在html中可以直接在index.html里引用压缩合并后的js即可

在gulp的watch事件中添加针对js文件的监听，这样即可在有任何监听的js文件被修改后重新压缩合并所有js文件用于更新