搜索

首页  >  问答  >  正文

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

鄙人新手,看了很多大神的使用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中文网2741 天前558

全部回复(2)我来回复

  • phpcn_u1582

    phpcn_u15822017-05-19 10:36:53

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

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

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

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:36:53

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

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

    回复
    0
  • 取消回复