对传递依赖项的更改不会触发实时重新加载答案

【问题标题】：Changes to transitive dependencies not triggering live reload对传递依赖项的更改不会触发实时重新加载
【发布时间】：2021-02-12 06:38:00
【问题描述】：

我已将 Snowpack 3 添加到我的应用程序中，它适用于 JS/TS 文件以及直接导入的手写笔文件。

文件结构类似如下：

view.js：

import 'view-styles.styl'

export default function view() {
    return (
        <div className='example-view'>Hello World</div>
    );
}

view-styles.styl

@require './colors.styl'
.example-view
    background-color: $mainColor

colors.styl

$mainColor = #ff0000

在更改直接导入的手写笔文件时，LiveReload/HMR 会按预期工作。更改 colors.styl 文件中的任何内容时，它不起作用。仅当 view-styles.styl 文件更新后，此文件中的更改才会生效。

这是 Snowpack 的已知限制吗？

我也可以手动触发更新，因为我有办法使用文件名来识别这些文件。我还没有找到使用 Snowpack 的 JavaScript API 触发实时重新加载的方法。我能够使用 SnowpackDevServer.loadUrl 函数加载文件，但这也无济于事。

【问题讨论】：

【解决方案1】：

我能够将其贡献给 snowpack stylus 插件。更改已集成到插件中：https://github.com/fansenze/snowpack-plugin-stylus

【讨论】：