【发布时间】：2020-09-01 08:07:42
【问题描述】：
我正在使用 vue js 单文件组件，但刚刚意识到我在组件的样式部分中包含的 css 只是作为内联样式添加到 HTML 头部。有没有办法将所有组件中的 css 放入 1 个 css 文件中，以便它可以被缓存，而不是内联？
【问题讨论】：
标签： javascript css vue.js vue-component
【发布时间】：2020-09-01 08:07:42
【问题描述】：
如果您想要在组件 vue 中添加 css 的其他选项，您可以在组件文件夹中创建一个与您的 vue 文件同名的 css 文件（不是义务），例如：
- myComponent.vue
- myComponent.css
你只需要在你的 vue 文件中导入你的 css 文件。
【讨论】：
-
好的，谢谢，我不确定是否有办法将所有组件内联样式编译到外部 js 文件中。能够通过 webpack 做到这一点将是一个非常好的功能。
-
我错了，做@import，仍然只是在样式标签的标题中添加css内联，然后做一个。因此，我仍在寻找将 css 缓存并链接到 vue 组件的最佳方法。