javascript - 并行开发的目录结构: Dart and Javascript

Question

我正在从事的项目

我正在一个团队中启动一个网络音频项目，我们正在制作音频效果、音频可视化和音频合成。我们现在正在设计一个基本的文件夹结构。我们每个人都在考虑一种结构，在下次 session 中我们将选择最好的结构。其中一位团队成员对 Javascript 非常有经验，但我更倾向于 Dart，因为它感觉更熟悉和强大。我有 Java 背景，但我对 Web 开发并没有真正的经验。因此，我想用两种语言开发软件:Dart 和 Javascript，这样我最终可以做出明确的决定，是在这个项目中使用 Dart 还是 Javascript 更好。

目录结构？

我想将 dart 库分割为三个主要目录:效果、可视化和合成。但我还不知道在哪里放置这些主目录。根据Pub Package Layout Convention这些库应位于 lib 目录中。但由于所有库都强烈依赖于 webaudio API，因此它只能在浏览器中运行，因此是 Web 应用程序。所以我的第一个问题是:“我应该将我的库放在 package/libs 目录中还是 package/web 目录中的某个位置？”和“我应该将同一目录中的 javascript 对应项？”例如:oscillator.js 和 Oscillator.js 都在综合文件夹中。

在 Javascript 和 Dart 之间切换？

完成目录结构后，我希望能够轻松地从 Dart 版本切换到 Javascript 版本，反之亦然，因为我需要一个带有嵌入式 Dart VM(即 Dartium)的浏览器。所以这是我的第二个问题:“在 Javascript 和 Dart 版本之间轻松切换的最佳方式是什么？”

提前致谢!

PS:我知道我可以使用 dart2js 生成的 Javascript，但我想要真正可读的 Javascript。而 dart2js Javascript 并不完全满足该要求。此外，我想更好地理解这两种语言之间的差异，我认为最好的方法是尝试它们。

编辑:我想根据 Günter 的要求澄清一下在 Javascript 和 Dart 之间切换的想法。我将手动为每个 Dart 文件制作一个 Javascript 端口，这样我就可以学习这两个文件。由于我将同时开发这两个版本，因此我希望能够使用 Dart 版本和 Javascript 版本来测试该网站。所以我希望 HTML 在 Dartium 中加载它:

<script type="application/dart" src="main.dart"></script>

但是如果在任何其他浏览器中:

<script src="main.js"></script>

我认为浏览器包中的 dart.js 会在 *.dart 和 *.dart.js 之间切换，具体取决于浏览器是否有 Dart VM。但我希望它在 *.dart 和 *.js (我自己的 js)之间切换，而不必制作两个单独的 html 文件。

Answer 1

问题1:全部输入lib/除了入口点没问题。

问题2:您可以使用pub serve 。这允许从 Dartium 或任何浏览器从同一 URL 访问该应用程序。当 *.dart.js 时，dart 文件中的任何更新都会被编译。文件是请求而不是 *.dart文件。

对于您的编辑:您可以查看 dart_to_js_script_rewriter package做一个变压器来重写你的 <script type="application/dart" src="main.dart"></script>至<script src="main.js"></script> 。从 JS 切换到 Dart 将通过添加/删除您创建的变压器来完成 pubspec.yaml并重新启动pub serve或pub build .