我正在尝试使用ES6模块构建一个新项目而不进行捆绑。我仍然想使用babel-7将TypeScript和JSX转换为JS。我发现很难弄清楚如何为它设置开发服务器。我找不到任何类似于webpack-dev-server(热模块重新加载,浏览器同步,文件监视程序)的“ babel-dev-server” 。
一种可能是使用浏览器同步作为静态服务器,例如,并行dist
运行babel src --out-dir dist --watch
。但这不包括热重装,对我来说似乎有点笨拙。此外,如果您可以给JS文件一个哈希值以更好地控制缓存,那么对于构建和开发步骤仍然有用。还是可以配置诸如webpack之类的构建工具,使其不执行捆绑操作,但仍执行某些转换(例如将哈希值放在导入文件名中)?
使用最新版本的Snowpack(以前称为@ pika / web),现在应该可以实现!
从他们的网站:
TL; DR-使用Snowpack,您可以构建现代的Web应用程序(使用React,Vue等),而无需使用捆绑程序(例如Webpack,Parcel和Rollup)。每次您单击保存时,都无需再等待捆绑程序重建站点。相反,所有更改都会立即反映在浏览器中。
及其“工作原理”:
检查https://www.snowpack.dev/以获得更多信息,他们在文档方面做得很好,看起来真的很有希望!
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句