使用 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 将无法为您解决该依赖关系。