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

Question

我目前正在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）解决方法，将不胜感激。

非常感谢！

Answer 1

我不确定我是否理解正确，但是可以选择在组件本身中内嵌这些样式，这将使开发更加容易。

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

dist/myLib.css:

提取的CSS文件（可以通过在vue.config.js中设置 css: { extract: false } 来强制内联）