使用 CLI3 的 Vue 项目的全局 CSS

Posted 2023-02-22

【中文标题】使用 CLI3 的 Vue 项目的全局 CSS

【英文标题】：Global CSS for Vue project using CLI3

【发布时间】：2019-07-27 14:00:02

【问题描述】：

我正在构建一个 Vue Js 项目并使用 CLI3 创建它，但我不确定应该将全局 CSS 文件放在哪里。那里有一些答案，但它适用于旧版本的文件夹不再存在。

css 文件应该放在哪里，我应该在哪里导入它？

【问题讨论】：

将.css文件放在你想要的任何地方，然后在你的main.js中你可以用import '@/path/to/file/my-style.css'导入它。阅读更多关于@here

【参考方案1】：

将其放入app.js，而不是scoped script 元素中。 这就是演示如何添加全局CSS。

如果它变得太大且难以管理，请在 app.js 中导入 css 文件。