vue项目中怎么引用全局样式问题？

Question

1. 最近在一个项目中定义了一个全局样式
2. 文件在src/assets/css/下面
3. 然后在main.js中相对的路径引入了该样式
4. 然后项目中红直接使用clss来修改像 marggin, font之类的样式

但是，问题出现了，打包到测试环境，初次打开页面的时候样式没有生效，当刷新页面之后样式生效了，请求时样式文件放置的位置错了吗？ 应该放在 static 文件夹下面吗？

Answer 1

编写一个全局的css文件，然后在App.vue的style里面这么引用:

@import './assets/css/文件名称';

Answer 2

全局的样式 可以放在index.html里面 css放在static里面 不依赖vue

Answer 3

main.js里直接 import '路径' 引入即可