每个组件的 Laravel-VueJS 特定 CSS 文件答案

【问题标题】：Laravel-VueJS specific CSS file for each component每个组件的 Laravel-VueJS 特定 CSS 文件
【发布时间】：2020-12-01 03:23:02
【问题描述】：

我正在启动一个 laravel vuejs 项目，目前我计划制作 1 页 = 1 个组件（时间限制）。我每个页面都有很多 css 文件，我用 LaravelMix (Webpack) 减少它们。

当我在组件中输入 <style scoped> 但我导入了一个 css 文件时，它不尊重范围。当我放置原始 css 时，它尊重范围。

您是否有一个解决方案，以便我可以链接一个 css 文件（编译后laravelmix）并且可以将其范围限定为组件？

提前致谢，如有任何问题，请随时询问，

基利安

【问题讨论】：

【解决方案1】：

我找到了解决方案，但不是最好的

这样：

但这不是从公共文件夹中的 webpack 编译的 css

【讨论】：