
postcss-import:内联@import规则的PostCSS插件
5星
- 浏览量: 0
- 大小:None
- 文件类型:None
简介:
postcss-import是一款PostCSS插件,用于处理CSS中的@import规则,实现资源的内联与优化,便于维护和提高加载效率。
PostCSS Import 插件通过内联内容来转换 @import 规则。此插件可以使用本地文件、Node 模块或 web_modules。要解析@import 规则的路径,它可以查看根目录(默认为 process.cwd()),web_modules,node_modules 或本地模块。
在导入模块时,它将在 style 或 main 字段中查找 index.css 文件或 package.json 中引用的文件。您还可以手动提供需要检查的附加路径。
注意:此插件应该用作列表中的第一个插件。这样其他插件就可以像处理一个单独的文件一样在 AST 上运行,并且可能会按您的预期工作。该插件与另一个用于调整导入文件中资产 URL 的插件(甚至内联它们)配合使用效果很好。
为了优化输出,此插件仅在一个给定范围内(如根目录或媒体查询等)导入一次文件。根据导入的文件路径和内容进行测试(通过哈希表)。如果这种行为不符合您的需求,请查看 skipDuplicates 选项。如果您在寻找 glob 或类似 SASS 中 import partials 的功能,请考虑使用其他相关插件。
全部评论 (0)
还没有任何评论哟~


