使用vue引入css,less相关问题
程序员文章站
2022-06-06 14:11:03
...
下面我就为大家分享一篇浅谈vue引入css,less遇到的坑和解决方法,具有很好的参考价值,希望对大家有所帮助。
在使用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,"hasInlineC onfig":true}!./~/vux-loader/src/style-loader.js!./~/vue-loader/lib/selector.js?t ype=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相关问题的详细内容,更多请关注其它相关文章!
推荐阅读
-
解决Vue2.0中使用less给元素添加背景图片出现的问题
-
Vue2.0使用axios引入本地JSON文件时遇到的问题及解决
-
解决Vue2.0中使用less给元素添加背景图片出现的问题
-
Vue项目中引入外部文件的方法(css、js、less)
-
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
-
解决vue中less的使用问题
-
在前端vue项目引入less,使用less,在less引用外部文件,在less中使用变量
-
Vue2.0中使用less给元素添加背景图片出现的问题
-
浅谈vue引入css,less遇到的坑和解决方法
-
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法