如何在 Sapper 应用程序中为每个人提供全局“断言”？

Question

我想为我正在制作的 Sapper 应用程序中的所有代码提供运行时assert 。

编辑：

引入assert模块适用于server构建，但不适用于client构建，在浏览器中显示以下 500 条错误消息之一：

• import { strict as sa } from 'assert';

  

  有了这个，客户端构建显示一个警告： 'assert' is imported by src/assert.js, but could not be resolved – treating it as an external dependency

• const sa = require("assert").strict;

  

  这样，客户端构建就通过了。 ：/

我的rollup.config.js和package.json 。

免责声明：我是 Svelte 和 Sapper 的新手，不知道应该在这里做什么。 我的目标不仅是让它工作，还要了解哪里出了问题（即了解 Sapper/Svelte 包装机制）。

---

原始描述：

这应该很简单。 定义全局高层（应用程序可以 import或 require assert并使其可用）。 在实践中，我仍然感到困惑。

我想过直接设置 window.assert （有点苛刻？）并将该值作为参数传递给那些实际需要它的组件（但参数传递看起来很困难）。

这是一个依赖注入的情况，我希望有一个 assert ，而较低的代码不关心，哪种风格。

注意： console.assert不会做，因为它只打印出消息。 Chrome 有一个选项可以让它中断。 我可以考虑一下。

Answer 1

服务器端

assert模块内置于node 。 例如，如果您在src/server.js导入它并调用assert(false, "whoops")就可以了。

客户端

由于没有浏览器版本的assert模块，您需要将 npm 包assert作为devDependency安装，然后将其包含在您的包中。

这是通过在src/client.js导入它来完成的：

// src/client.js
import assert from 'assert'

....

现在您也可以将它导入到.svelte文件中：

<!-- Example.svelte -->
<script>
  import assert from assert

  assert(false, "dang it")
</script>

Answer 2

我从 Sapper 转到了svelte-filerouter ，问题就消失了。🙂 以下是详细信息（如果对您有用，请发表评论）。

在.svelte或.js文件中：

import { assert } from 'assert';

在rollup.config.js ：

...
   plugins: [
      resolve( {
         preferBuiltins: true,
         mainFields: ['browser'],
         dedupe: importee => importee === 'svelte' || importee.startsWith('svelte/')
      })
   ]

我根据rollup-plugin-node-resolve这个问题对此进行了构架。

---

我不知道为什么我在 Sapper 中得到的 500 个现在不见了。 如果以 Sapper 为基础与仅以 Svelte 为基础工作，情况会有很大不同。