鄙人新手,看了很多大神的使用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中又该如何使用呢?
phpcn_u15822017-05-19 10:36:53
第一种你说的情况是你自己写的gulp
任务,将多个文件最终合并成为一个bundle.js
文件。
同样的,对于第二个你说的场景,你只需要写多个gulp
任务,最终分别不同的入口文件打包不同的a.js
,b.js
等等。
在html
文件中对应引入即可,gulp
作为build
工具可以用在任何环境,毕竟生产环境用的不过也只是生成的文件而已。
伊谢尔伦2017-05-19 10:36:53
gulp
的自定义任务可以压缩和合并js
文件,只需要申明文件路径即可。bundle.js
应该是webpack
生成的,webpack
针对ES6和浏览器具有兼容性优化。在html
中可以直接在index.html
里引用压缩合并后的js即可
在gulp
的watch
事件中添加针对js
文件的监听,这样即可在有任何监听的js
文件被修改后重新压缩合并所有js
文件用于更新