javascript - 如何在实际项目中使用gulp编译后的es6文件?
PHP中文网
PHP中文网 2017-05-19 10:34:53
0
2
580

鄙人新手,看了很多大神的使用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中又该如何使用呢?

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
phpcn_u1582

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

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

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

伊谢尔伦

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板