npm - 使用 npm 打包 scss

Question

我有一组 scss 文件，我将其打包为一个库，以便在其他几个 Web 应用程序中重用。我知道在我的 package.son for js 文件中，我可以在 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 中没有 style 或 main 属性，则 main.scss 文件中的导入将需要指向 node_modules 文件夹中的该文件(例如 @import './node_modules/third-party-lib/src/index.scss' ) 因为 sass-module-importer 将无法为您解决该依赖项。