网页包设置允许较少的覆盖在导入的NPM模块中生效

我正在开发一个使用webpack捆绑的应用程序。该应用程序由许多NPM模块构建而成，这些模块托管在专用NPM注册表中。其中一些模块从以下位置导入较少的变量：

在编译模块时，这些代码被编译成CSS并与模块的JavaScript文件捆绑在一起（使用）

这很好，除非我的主应用程序在自己的LESS文件中覆盖引导程序的默认样式：

// my-app-stylesheet.less
@brand-primary: #d9534f; // red

这些覆盖仅适用于直接在我的应用程序中定义的样式，因为模块中定义的任何样式都已预编译为CSS。因此，模块中定义的任何组件都不会反映我的主应用程序中定义的覆盖

以下是对该问题的更直观的解释：

---

如何为我的NPM模块和web应用程序设置我的网页包版本，以允许应用于导入模块的应用程序级别较少的覆盖？

很久以前，我就遇到了这个问题。我的结论是，不要把网页和其他东西混在一起。我只通过webpack less loader导入一个less文件，这就像我的风格的入口点。通过这种方式，您可以在更短的时间内准确设置导入顺序。既然你想要一个网页解决方案，我只是在评论。谢谢你的回复，@Amida。在花了几天时间思考这个问题之后，我想我的结局和你一样。

// my-app-stylesheet.less
@brand-primary: #d9534f; // red