浅谈vue引入css,less遇到的坑和解决方法

网友投稿 399 2023-02-25


浅谈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/dLWSXshyGev-client ./src/main.js

@import '~vux/src/styles/reset'

2、最终解决方法,在main.js中

require('../node_modules/vux/src/styles/reset.less');


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:驱动接口开发(网络接口驱动)
下一篇:Java实现给图片添加图片水印,文字水印及马赛克的方法示例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~