求教 VueJs 的一个资源加载问题

发现一个项目中,在 index.html 和 login.vue 中并没有调用任何 .styl 文件而且,在启动访问项目并访问时发现index.html 页面的head下自动引入了很多 src 目录下的 .styl 文件内容。

求大神解惑!!!

哪儿看出来是 styl 文件了?

引入样式文件有很多方式,main.js、CSS @import、Webpack 配置、第三方库……具体情况具体分析。

访问的是 login.vue ,其中样式是在image 这个样式文件中存在的,但是这个样式只有在 main.vue中引入,是因为 vue-loader 把所有 vue 文件中的样式都给解析出来并 style 标签放在 index.html上了吗?image

scoped模式的都是这样加载

与 Vue.js 无关。资源打包是 webpack 做的
如果不抽离 css 单独打包, css 打包在 js 里面,动态 创建 style 标签的。
另外,不引用不会被打包的