首页 > 解决方案 > 在 NPM 模块中导出 Sass

问题描述

我正在尝试构建一个 NPM 模块,该模块将允许在多个应用程序中导出和使用 SCSS 文件。

SCSS 文件在另一个单独的节点模块中导入另一个 SCSS。

我的包结构是:

package-name
|--src
|  |- overwrite.scss
|  
|--package.json
|
|--webpack.config.js
|
|--node_modules

我面临的问题是,目前我为导入值硬编码了路径。例如

$background-color: red;
@import '../node_module/fake_name/dist/core.scss'

我在 package.json 文件中有一个依赖项,以确保 fake_name 模块将始终位于将使用我的 npm 包的任何项目的 node_modules 文件夹中。

我想要实现的是设置@import的路径将始终在安装它的任何项目的根目录中的node_modules文件夹中查找。我已经厌倦了使用〜但我不断收到'错误:找不到要导入的文件或不可读'

任何帮助表示赞赏。

标签: npmsass

解决方案


推荐阅读