搜尋

首頁  >  問答  >  主體

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中文网2826 天前586

全部回覆(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
  • 取消回覆