首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Vue CLI 3目标构建库排除共享样式

Vue CLI 3目标构建库排除共享样式
EN

Stack Overflow用户
提问于 2019-12-09 13:13:07
回答 1查看 1.6K关注 0票数 2

我目前正在处理一个Vue.js项目,在这个项目中,我使用Vue CLI 3在lib模式下构建组件,如:vue-cli-service build --no-clean --target lib --name ComponentName.vue。如果在Vue实例中注册了这些组件,则可以使用任何网站。

然而,该网站包含它自己的样式表和组件。要开发和查看应用于组件的实际样式,我必须在我开发的每个组件中引入这些(共享)样式。因此,在使用上述命令(vue-cli-service build)构建组件之后,它们也在编译好的样式表中。

我的问题是:在构建组件时,我可以排除(共享)样式吗?我在文档(https://cli.vuejs.org/)中找不到任何关于它的信息。如果有人能提供答案或(Webpack)的解决办法,那将是非常感谢的。

事先非常感谢!

EN

回答 1

Stack Overflow用户

发布于 2019-12-09 15:31:21

我不确定我是否正确地理解了您,但是可以选择将这些样式内联到组件本身中,这对于开发来说要容易得多。

https://cli.vuejs.org/guide/build-targets.html#app

dist/myLib.css:

解压缩的CSS文件(可以通过在css: { extract: false } 中设置vue.config.js来强制内联)

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59249685

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档