使用 CLI3 的 Vue 项目的全局 CSS答案

【问题标题】：Global CSS for Vue project using CLI3使用 CLI3 的 Vue 项目的全局 CSS
【发布时间】：2019-07-27 14:00:02
【问题描述】：

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

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

【问题讨论】：

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

标签： vue.js

【解决方案1】：

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

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

【讨论】：