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

(编辑：jimmy 日期: 2024/11/8 浏览：3 次 )

在使用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"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"htmlcode">

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


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


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



以上这篇浅谈vue引入css,less遇到的坑和解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

上一篇：Vue cli 引入第三方JS和CSS的常用方法分享
下一篇：vue 引入公共css文件的简单方法(推荐)