vite2 打包组件库时怎样内联样式?
vite.config.js
export default defineConfig({
plugins: [vue()],
build: {
lib: {
entry: resolve(__dirname, "lib/main.js"),
name: "MyLib",
},
rollupOptions: {
external: [
"vue"
],
output: {
globals: {
vue: "Vue",
},
},
},
},
});
打包之后生成了单独的style.css,我看文档上有写当cssCodeSplit启用时,在异步 chunk 中导入的 CSS 将内联到异步 chunk 本身,并在块加载时插入。但引入组建后样式很明显丢失了,我不得不在样式中手动导入:@import url("../../dist/style.css");
dist
style.css
my-lib.es.js
my-lib.umd.js
是我哪里理解错了吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论