老师您好 这节课里您写的这些样式在assets目录下，但是我有个疑问，就是项目中在哪儿显式的引入这些样式文件了？

Question

老师您好 这节课里您写的这些样式在assets目录下，但是我有个疑问，就是项目中在哪儿显式的引入这些样式文件了？比如样式m-nav位于assets/css/public/header.scss中，但是我在代码中并没有看到有哪个vue文件引入了这个样式文件，这个是什么原理呢？

Answer 1

龙进天下 2018-11-16 17:03:36

全局的样式是在nuxt.config.js中引入的

/*

  ** Global CSS

  */

  css: [

    'element-ui/lib/theme-chalk/reset.css',

    'element-ui/lib/theme-chalk/index.css',

    '@/assets/css/main.css'

  ],

至于组件的样式都是在style中通过import引入的，比如 首页index.vue中的

<style>

  @import "@/assets/css/index/index.scss";

</style>

• 提问者 fengyjch #1

  您好 我看了下main.css文件 其中并没有把/assets/css/public/header.scss引进来，也没有class m-nav啊。。。

• 龙进天下 回复 提问者 fengyjch #2

  看了一下源代码，引入的是/assets/css/public/header/index.scss，在这个文件中又引入了./topbar.scss、./search.scss，其中topbar.scss中又m-nav的样式

Answer 2

Tobbyzzz 2018-11-16 12:45:23

我页想知这个问题！！！

Answer 3

快乐动起来呀 2018-11-14 00:21:53

可以去layout下的文件去看看，没有引入肯定不会生效的

• 提问者 fengyjch #1

  老师  我查了 没有引入。