Rumah  >  Artikel  >  hujung hadapan web  >  vue引入css,less遇到的坑和解决方法实例分享

vue引入css,less遇到的坑和解决方法实例分享

小云云
小云云asal
2018-01-24 10:29:133142semak imbas

在使用vux开发手机页面时,引入vux的公共样式less一直报错,通过各种百度,Google都没有解决,走了很多弯路。最后才发现钻牛角尖了,可以换一种方法引入。本文主要为大家分享一篇浅谈vue引入css,less遇到的坑和解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。

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');

相关推荐:

四种引入css的方式总结

web如何引入css样式的方法汇总

html中引入css样式的方法总结

Atas ialah kandungan terperinci vue引入css,less遇到的坑和解决方法实例分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn