main.js中引入的index.scss样式重复

sunniejs / vue-h5-template

:tada:vue搭建移动端开发,基于vue-cli4.0+webpack 4+vant ui + sass+ rem适配方案+axios封装，构建手机端模板脚手架

https://sunniejs.github.io/vue-h5-template/

MIT License

3.09k stars 875 forks source link

Closed liuzhibo0725 closed 4 years ago

liuzhibo0725 commented 4 years ago

每个页面当中会出现多次index中的样式，而且先引入的index后引入的vant，但是index比vant优先级还要高

sunniejs commented 4 years ago

@liuzhibo0725 hello，你可以加我微信我们交流一下吗？优先级的问题，以及重复的问题，我想了解一下你的想法

sunniejs commented 4 years ago

已优化

cjs12 commented 4 years ago

能分享下怎么优化的吗？或者说这问题的原因是什么。我发现main.js中

import '@/assets/css/index.scss'

会有重复引用的问题。然后如果使用

import '@/assets/css/variables.scss'

不仅没有重复引用，还能吧index.scss的样式引进去。（业余前端，望解惑）

cjs12 commented 4 years ago

针对此问题的优化：