国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 如何在實(shí)際專案中使用gulp編譯後的es6檔案?
PHP中文網(wǎng)
PHP中文網(wǎng) 2017-05-19 10:34:53
0
2
640

鄙人新手,看了很多大神的使用gulp搭建的編譯es6環(huán)境,也自己動(dòng)手試了一下,但還是不太明白如何在實(shí)際項(xiàng)目中使用.
看到大神寫的例子,是把多個(gè)es6檔案編譯成的js檔案最後都合併在了一個(gè)bundle.js檔案中,在頁(yè)面中引用的也是bundle.js。
而我現(xiàn)在的專案有多個(gè)頁(yè)面,像是a.html需要引用a.js和jquery.js,b.html需要引用b.js和jquery.js,c.html需要引用b.js、c .js和jquery.js。這種情況下到底該如何去編譯文件,在html中又該如何使用呢?

PHP中文網(wǎng)
PHP中文網(wǎng)

認(rèn)證0級(jí)講師

全部回覆(2)
phpcn_u1582

第一種你說(shuō)的情況是你自己寫的gulp任務(wù),將多個(gè)文件最終合并成為一個(gè)bundle.js文件。

同樣的,對(duì)於第二個(gè)你說(shuō)的場(chǎng)景,你只需要寫多個(gè)gulp任務(wù),最終分別不同的入口文件打包不同的a.js,b.js等等。

html文件中對(duì)應(yīng)引入即可,gulp作為build工具可以用在任何環(huán)境,畢竟生產(chǎn)環(huán)境用的不過(guò)也只是產(chǎn)生的文件而已。

伊謝爾倫

gulp的自定義任務(wù)可以壓縮和合并js文件,只需要申明文件路徑即可。bundle.js應(yīng)該是webpack生成的,webpack針對(duì)ES6和瀏覽器具有兼容性優(yōu)化。在html中可以直接在index.html裡引用壓縮合併後的js即可

gulpwatch事件中添加針對(duì)js文件的監(jiān)聽,這樣即可在有任何監(jiān)聽的js文件被修改后重新壓縮合并所有js檔案用於更新

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板