Css 如何为已编译的SAS重写导入?

Css 如何为已编译的SAS重写导入?,css,webpack,sass,Css,Webpack,Sass,我有一个问题,我正在尝试构建一个组件库,同时我希望在同一个项目中有一个dev服务器,以便快速调试和开发这个组件库 目前我的配置是下一步,对于库构建,我使用typescript传输到es5,我将所有样式作为SCS,并使用节点SAS将它们编译成css。为了使这个配置工作,我将样式作为css(而不是sass)导入,因为否则在lib目录中找不到scss文件 以下是我的源文件: 这是编译后的lib文件夹: 这是我构建lib文件夹的配置 现在我正试图用webpack配置dev服务器,我决定直接从sr

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

目前我的配置是下一步,对于库构建,我使用typescript传输到es5,我将所有样式作为SCS,并使用节点SAS将它们编译成css。为了使这个配置工作,我将样式作为css(而不是sass)导入,因为否则在lib目录中找不到scss文件

以下是我的源文件:

这是编译后的lib文件夹:

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

现在我正试图用webpack配置dev服务器,我决定直接从src(而不是lib)导入组件到快速开发中。而且它不适用于我当前的样式导入(作为css),因为webpack将我的scss样式编译为一个大的包,并将其合并到js包中,但我导入css的语句仍然存在,这会导致错误

Module not found: Error: Can't resolve './Title.css'
我相信有一个解决这个问题的办法,但我不确定该怎么办,请建议

我的偏好是不使用webpack而保留图书馆建筑,并使用webpack作为开发服务器