用 npm 打包 scss

Question

我有一组 scss 文件，我将其打包为一个库，以便在其他几个 Web 应用程序中重复使用。我知道在我的 js 文件的 package.son 中，我可以在 main 属性中指定入口点。不确定如何为 scss 文件库指定此项。我有一个 main.scss，其中包含我开发的所有 scss 文件，并导入了需要的第三方 sass 文件。我查看了如何引导 scss 文件，发现它们并没有真正提到 package.json 中的主要样式表。

我是否需要在 package.json 中定义 main 属性，或者将其记录在如何从 node_modules 解析 scss 文件？

Answer 1

如果您使用 node-sass（或依赖于 node-sass 的东西）来编译您的 sass，那么您可以使用 sass-module-importer 导入您自己的 main.scss。

在包含 main.scss 文件的存储库中，您只需在 package.json 中设置“style”或“main”属性以指向 main.scss 文件（此处示例：https://github.com/bameyrick/sass-helpers/blob/master/package.json）。

如果您导入 main.scss 文件的第三方脚本在其 package.json 中没有样式或 main 属性，则 main.scss 文件中的导入将需要从 node_modules 文件夹指向该文件（例如@import './node_modules/third-party-lib/src/index.scss'）因为 sass-module-importer 将无法为您解析该依赖项。