Question

我有一个使用图表模块的带有单个文件组件的Vue项目。要覆盖图表模块CSS中的某些样式，我在assets文件夹中有一个自定义CSS文件，其中包含覆盖了某些样式的行（深色背景而不是白色等）。与npm run dev配合良好，我可以看到所做的更改在本地主机上没问题。

我有一个S3存储桶，我使用Gitlab CI来更新带有标记构建的站点。但是，更新后，上述样式似乎不受影响。我检查了S3存储桶，生成的CSS确实包含新行，但是我看不到它们在起作用。任何提示将不胜感激！

Answer 1

好，我修复了它。看来我遇到了this issue。我设法通过使用 npm run build 构建生产版本来重现它。为了提供 dist 软件包，我安装了 serve 并在localhost：5000上进行了检查：

.code-workspace

这样，我无需使用Gitlab CI即可尝试不同的CSS样式。问题出在CSS顺序上，我不得不将我的自定义CSS文件导入main.js以外的组件中，并且必须在样式中使用！important。