Question

我有一个问题，我正在尝试构建一个组件库，同时我希望在同一项目中有一个开发服务器，以快速调试和开发该组件库。

当前，我的配置是下一个配置，在库构建中，我使用打字稿转换为es5，我将所有样式都设置为scss，然后将它们编译为带有node-sass的css。为了使此配置正常工作，我将样式导入为css（而不是sass），因为否则在lib目录中找不到scss文件。

这是我的源文件：

这是编译后的lib文件夹：

这是我用于构建lib文件夹的配置

现在，我正在尝试使用webpack配置开发服务器，我决定直接从src（而非lib）导入组件以进行快速开发。而且它不适用于我当前的样式导入（如CSS），因为Webpack将我的scss样式作为一个大包进行编译并将其合并为js包，但是我导入CSS的那些语句仍然存在，这会导致错误。

Module not found: Error: Can't resolve './Title.css'

我认为可以解决此问题，但是不确定该采取哪种方式，请提出建议！

我的偏好是在不使用webpack的情况下保持图书馆建设，并将webpack用于开发服务器