css - Vue2导入css文件

Question

使用 vue 2.6.8

我正在尝试将一个 css 文件导入到一个组件中。

这是我试过的方法，但没有用。

在 main.js 中，就在我添加的其他导入的下方，

require('@/assets/css/agency.css')

在组件中，

<style scoped src="@/assets/css/agency.css">
</style>

这就是这里的建议How to include css files in Vue 2

但我无法让它工作。我得到错误

.src/assets/css/agency.css
error: Module not found

我也试过了，

<style>
@import './assets/css/agency.css';
</style>

我试着把它放在 main.js 中，

import './assets/css/agency.css'

这也行不通。

也在看 Vue 论坛，

https://forum.vuejs.org/t/how-to-import-css-file/14907

如有任何帮助，我们将不胜感激。

谢谢，

Answer 1

在我使用 Vue.js 的应用程序中，第一个加载的 .vue 组件，我将导入放在 <style> 中.

例如:在我正在开发的应用程序中，我将外部 .css 文件放在 App.vue 中，因为这是要加载的第一个组件，我删除了 scoped来自 <style> .这样，整个应用程序就可以使用这些样式。

至于文件的路径，他们在同一层级，所以可以不放./或者只是启动 assets/

在 App.vue 中:

<style>
    @import 'assets/css/css/example.css';
    @import 'assets/css/style.css';
</style>

我希望有所贡献。祝你好运。