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

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

問題描述

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

自己嘗試過哪些方法

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

回答
編輯回答
孤酒

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

2018年6月5日 20:00