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"

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

node_modules

with out getting truncated ?

SharpshooterOP•1/16/24, 3:52 PM

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•1/16/24, 3:52 PM

@Sharpshooter has reached level 1. GG!