modifySelectorPostcssPlugin()

in docs-sdk/fusion-css-loader/src/index.ts [55:82]


      modifySelectorPostcssPlugin(function (selector: string) {
        // 未来可以使用 postcss-selector-parser 做更精确的识别和判断

        // 将明显的根容器选择器替换成styleContainer
        if (
          selector === "html" ||
          selector === "body" ||
          selector === ":host"
        ) {
          return styleContainer;
        }
        // 不能在前面插入styleContainer的选择器,不作处理
        if (
          selector.includes("html") ||
          selector.includes(":root") ||
          selector.includes(":host") ||
          selector.includes(styleContainer)
        ) {
          return selector;
        }
        // fusion组件样式,不做处理
        // 组件的样式隔离通过 fusionPrefix 的替换来完成
        if (selector.includes(".next-")) {
          return selector;
        }
        // 其他选择器直接在前面插入styleContainer
        return styleContainer + " " + selector;
      })