我目前正在处理一个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)的解决办法,那将是非常感谢的。
事先非常感谢!
发布于 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来强制内联)
https://stackoverflow.com/questions/59249685
复制相似问题