如何使用webpack将es6代码热更新为es5代码？（注意不是打包）

Question

问题描述

项目开发中使用了一个大而全的java框架，框架集成了前后端，前端在这个框架的基础上开发jsp页面，并未做到前后端完全分离。现在我们有些js代码使用了ES6的语法，但后来遇到了IE兼容性的问题，又不得不把代码转换到ES5，ES6的模板字符串是多么好用呀。唉~

自己尝试过哪些方法

目前简单配置了下babel，用到ES6的源码放在一个目录src，babel转译之后的代码放到一个目录dist，但每次改代码后转换都得手工敲命令，也挺麻烦。所以想问下对webpack比较熟的朋友，能不能通过webpack配合babel实现代码的自动编译，也就是“热更新”。但这里需要注意的是，不是打包，只是一堆js文件转译为另一堆js文件。

Answer 1

用不上 webpack，babel-cli 本身就支持 watch 模式，如果还嫌 watch 麻烦，既然也不涉及打包，那么这种自动化构建流程交给 gulp/grunt 来做也可以。