在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 如何使用webpack將es6代碼熱更新為es5代碼?(注意不是打包)

如何使用webpack將es6代碼熱更新為es5代碼?(注意不是打包)

問(wèn)題描述

項(xiàng)目開(kāi)發(fā)中使用了一個(gè)大而全的java框架,框架集成了前后端,前端在這個(gè)框架的基礎(chǔ)上開(kāi)發(fā)jsp頁(yè)面,并未做到前后端完全分離。現(xiàn)在我們有些js代碼使用了ES6的語(yǔ)法,但后來(lái)遇到了IE兼容性的問(wèn)題,又不得不把代碼轉(zhuǎn)換到ES5,ES6的模板字符串是多么好用呀。唉~

自己嘗試過(guò)哪些方法

目前簡(jiǎn)單配置了下babel,用到ES6的源碼放在一個(gè)目錄src,babel轉(zhuǎn)譯之后的代碼放到一個(gè)目錄dist,但每次改代碼后轉(zhuǎn)換都得手工敲命令,也挺麻煩。所以想問(wèn)下對(duì)webpack比較熟的朋友,能不能通過(guò)webpack配合babel實(shí)現(xiàn)代碼的自動(dòng)編譯,也就是“熱更新”。但這里需要注意的是,不是打包,只是一堆js文件轉(zhuǎn)譯為另一堆js文件。

回答
編輯回答
孤酒

用不上 webpack,babel-cli 本身就支持 watch 模式,如果還嫌 watch 麻煩,既然也不涉及打包,那么這種自動(dòng)化構(gòu)建流程交給 gulp/grunt 來(lái)做也可以。

2018年6月5日 20:00