如何使用webpack将es6代码热更新为es5代码?(注意不是打包)

yangtoude
  • 326

问题描述

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

自己尝试过哪些方法

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

回复
阅读 2.7k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏