鄙人新手,看了很多大神的使用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中又該如何使用呢?
第一種你說的情況是你自己寫的
gulp
任务,将多个文件最终合并成为一个bundle.js
文件。同樣的,對於第二個你說的場景,你只需要寫多個
gulp
任务,最终分别不同的入口文件打包不同的a.js
,b.js
等等。在
html
文件中对应引入即可,gulp
作为build
工具可以用在任何環境,畢竟生產環境用的不過也只是產生的文件而已。gulp
的自定义任务可以压缩和合并js
文件,只需要申明文件路径即可。bundle.js
应该是webpack
生成的,webpack
针对ES6和浏览器具有兼容性优化。在html
中可以直接在index.html
裡引用壓縮合併後的js即可在
gulp
的watch
事件中添加针对js
文件的监听,这样即可在有任何监听的js
文件被修改后重新压缩合并所有js
檔案用於更新