你好，打包编译出来的文件格式是.vue文件，所以背景的url一直bu'du

[sparGuan]

我这里出现了打包出来的是.

vue文件，所以设置背景图路径

不对，只能使用data{return}内联的方式绑定url

[sparGuan]

如果使用background:url(xxxx.png)最终结果背景图显示不出来

[sparGuan]

打包之后css还是显示在.vue文件里面，所以找不到背景图，失败

[yujinjin]

@sparGuan 没太理解你的问题在哪？
如果使用background:url(xxxx.png) webpack是解析不到这个本地文件是需要处理的只会认为是字符串，而使用require是作为关键词会被webpack处理的。

[sparGuan]

我的意思是webpack没有把vue里面的css提取出来吗，浏览器上还是显示的.vue文件，所以背景图的路径加载不正确

[yujinjin]

@sparGuan
本地服务调试模式是会显示vue文件的，打包编译后包文件是不会出现.vue文件的。

背景图的路径如果用的是require模式应该是没有问题的，也许是因为项目的URL路径不是根目录问题导致。

如果希望webpack把vue里面的css提取出来修改webpack的配置文件就行了。

[sparGuan]

可以了，感谢，你的导航写的不错，就是MUI的风格太丑了，没有原生的感觉

[yujinjin]

这个...
我只能说这个项目我只是想突出的是框架不是UI，UI层可以换其他的。

[sparGuan]

我也是个人开发者~我用你的架构去搞一个企业文化的手机APP~~~