如何在没有捆绑软件但具有类似于webpack的开发经验的情况下使用Babel?

普齐山

我正在尝试使用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)。每次您单击保存时,都无需再等待捆绑程序重建站点。相反,所有更改都会立即反映在浏览器中。

及其“工作原理”:

  1. 无需捆绑每个更改,只需在npm安装后立即运行Snowpack。
  2. Snowpack将您的依赖项作为单个JS文件重新安装到新的web_modules /目录中。它永远不会触碰您的源代码。
  3. 编写代码,通过ESM导入导入那些依赖,然后在浏览器中全部运行。
  4. 单击保存后,跳过捆绑步骤,立即在浏览器中看到您所做的更改。
  5. 继续使用您喜欢的Web框架和构建工具!支持Babel和TypeScript。

检查https://www.snowpack.dev/以获得更多信息,他们在文档方面做得很好,看起来真的很有希望!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在没有webpack开发服务器的情况下使用webpack进行开发?

如何在没有捆绑程序的情况下使用此软件包

如何在没有Octave IDE的情况下运行Octave代码(类似于Python)?

如何在没有重复的情况下减少与 WebPack 的捆绑

如何在没有节点的情况下使用捆绑的React组件?

如何在克隆后没有链接的情况下使用捆绑创建git仓库备份

如何在没有计算机专业经验的情况下教肠

如何在没有GPU的情况下使用GPU开发张量流

如何在没有 https 的情况下使用 Google 地图 API 进行测试和开发?

如何使用类似于 LocalDate 的东西在没有任何输入的情况下自动获取年份

如何在没有 webpack fable-loader 的情况下使用 Fable 编译器?

如何在没有 .jsx 扩展名的情况下使用 webpack?

如何在不使用Webpack的情况下使用Babel

实用程序“ fio”如何在未格式化的原始设备上没有文件系统的情况下执行类似于VFS的操作?

如何在没有软件包控制的情况下安装sublime软件包?

如何在没有注释的情况下使用 swagger

如何在没有文件的情况下使用MultipartContent?

如何在没有 React 的情况下使用 GraphQL?

如何在没有StatefulWidget的情况下使用setState?

如何在没有 SSH 的情况下使用 SFTP?

如何在没有 $ 的情况下使用 jquery?

在这种情况下如何在没有 class 或 id 的情况下使用 beautifulsoup

如何在没有构建系统的情况下将 babel 与简单的 HTML 文件一起使用?

如何在没有HTTP的情况下创建类似REST API的“东西”?

如何在没有android studio但使用visual studio代码的情况下开发android应用程序

Symfony 4中可以在没有AppBundle的情况下使用ongr-elasticsearch捆绑软件吗?

你如何在没有 babel 的情况下运行 reactjs

如何在没有配置文件的情况下修复导入/导出 babel-eslint?

Babel 插件 - 如何在没有反应的情况下转换 JSX