使用rollup 打包时， 怎么配置才能实现和webpack类似的开发环境下，自动注入到index.html中进行调试

Question

使用rollup 打包时， 怎么配置才能实现和webpack类似的开发环境下，自动注入到index.html中进行调试，找了很久还是找不到相关的配置。。。。。

Answer 1

光依靠rollup本身是做不到的。rollup本身就是为目标库编译的，不适用于应用本身。因此，rollup应生成含有具名的文件，而不是使用哈希值代替。
在此情况下，
第一种解决方案是使用rollup-plugin-browsersync。通过监听目标文件的生成改动刷新页面，browsersync自身有很多插件，可以做动态注入。
第二种解决方案是使用nollup。支持热重载的rollup。目前仅支持css等少量热重载方案，html无官方插件，需要自己实现或搜索。
第三种也是我自己在用的一种。rollup和webpack-dev-server并用。开发时使用webpack-dev-server，最终发布时rollup加测试。