时间:2021-05-18
在使用vux开发手机页面时,引入vux的公共样式less一直报错,通过各种百度,Google都没有解决,走了很多弯路。最后才发现钻牛角尖了,可以换一种方法引入。
1、报错的使用:在App中
@ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vux/src/styles/reset.less 3:10-115 @ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineConfig":true}!./~/vux-loader/src/style-loader.js!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineConfig":true}!./~/vux-loader/src/style-loader.js!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue @ ./src/App.vue @ ./src/main.js @ multi ./build/dev-client ./src/main.js @import '~vux/src/styles/reset'2、最终解决方法,在main.js中
require('../node_modules/vux/src/styles/reset.less');以上这篇浅谈vue引入css,less遇到的坑和解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
官网给出的按需加载解决方案,先安装babel-plugin-import因为antd默认引入样式是less,所以需要手动配置为CSS,配置方法如下:第一种方法:
错误是这样发生的://在vuecomponent组件中引入less文件@import'@/assets/css/public/layout.less';然后就报
less在import其它less文件的时候会将其合并到单个文件中。但是当引入css文件时,默认不会将css合并进来。使用inline关键字将a.css强制打包
解决.vue文件url引用文件的问题遇到的问题:在css中引入图片,明明目录结构是对的,还是Thisdependencywasnotfound;dev好好的,b
我们在做Vue+webpack的时,难免会引入各种公共css样式文件,那么我们改如何引入呢?引入时会有那些坑呢?首先,引入公共样式时,我们在“main.js”里