2 replies

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 ?

�PD

🧩 Plasmo Developers•3y ago•

2 replies

Sharpshooter

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
}

node_modules

node_modules

with out getting truncated ?

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

Similar Threads

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

Similar Threads

Similar Threads

Similar Threads