时间戳

首页 > 解决方案 > CSS 文件对 Vue 产品构建没有影响

css - CSS 文件对 Vue 产品构建没有影响

问题描述

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

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

标签： cssvue.jsamazon-s3gitlab-ci

解决方案

好的，我修好了。看来我遇到了这个问题。我设法通过使用npm run build 构建生产版本来重现它。要提供我安装的dist包，请在 localhost:5000 上检查并检查：

sudo npm install -g serve
serve -s dist

这样我就可以在不使用 Gitlab CI 的情况下尝试不同的 CSS 样式。问题出在 CSS 顺序上，我必须将自定义 CSS 文件导入组件而不是 main.js 中，并且必须在样式中使用 !important。

推荐阅读