🧩 Plasmo Developers•11mo ago

importing large css file from node_modules is getting truncated (data-text)

I'm importing mantine core styles using import mantineCssText from "data-text:@mantine/core/styles.css" this is how I inject to csui styles to shadow root

export const getStyle: PlasmoGetStyle = () => {
  const style = document.createElement("style")
  style.textContent = mantineCssText + mantineSpotlight
  return style
}

export const getStyle: PlasmoGetStyle = () => {
  const style = document.createElement("style")
  style.textContent = mantineCssText + mantineSpotlight
  return style
}

the out of this file is getting injected in default shadow DOM scoped style tag. But the length of the target file is not matching the output file. attached the out put file getting truncated, is there any way I can import the css file from node_modules with out getting truncated ?

2 Replies

SharpshooterOP•11mo ago

when I create a script to chunk the data-text imports the truncate issue is resolved. But I would like to know what is the best plasmo way to do this?

Arcane•11mo ago

@Sharpshooter has reached level 1. GG!

Gaming

Programming

importing large css file from node_modules is getting truncated (data-text)