通过 vite 导入获取原始字符串值
Get raw string value by import with vite
我想通过vite在npm模块中获取css的原始字符串。
根据 vite 手册,
https://vitejs.dev/guide/assets.html#importing-asset-as-string
它说我们可以通过在标识符末尾加上“?raw”来获取原始字符串。
所以我试试这个:
import style from "swiper/css/bundle?raw";
但这显示如下错误:
[vite] Internal server error: Missing "./css/bundle?raw" export in
"swiper" package
如果我使用这个:
import style from "swiper/css/bundle";
没有错误,但 css 不只是作为字符串加载,而是作为包处理 css。
这不好,因为我想在基于 lit 的 Web 组件中使用这个 css。
有没有办法通过vite获取css作为原始字符串?
Evan You(Vite.js 和 Vue.js 创作者)has added the inline
toggle which fixes the problem of styles also being added to the main CSS bundle when importing.
import style from "swiper/css/bundle.css?inline";
此开关可防止您的 CSS 也被捆绑到您的主 CSS 捆绑包中,作为将其导入字符串的副作用。
我想通过vite在npm模块中获取css的原始字符串。
根据 vite 手册,
https://vitejs.dev/guide/assets.html#importing-asset-as-string
它说我们可以通过在标识符末尾加上“?raw”来获取原始字符串。
所以我试试这个:
import style from "swiper/css/bundle?raw";
但这显示如下错误:
[vite] Internal server error: Missing "./css/bundle?raw" export in "swiper" package
如果我使用这个:
import style from "swiper/css/bundle";
没有错误,但 css 不只是作为字符串加载,而是作为包处理 css。
这不好,因为我想在基于 lit 的 Web 组件中使用这个 css。
有没有办法通过vite获取css作为原始字符串?
Evan You(Vite.js 和 Vue.js 创作者)has added the inline
toggle which fixes the problem of styles also being added to the main CSS bundle when importing.
import style from "swiper/css/bundle.css?inline";
此开关可防止您的 CSS 也被捆绑到您的主 CSS 捆绑包中,作为将其导入字符串的副作用。