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

这篇文章主要为大家详细介绍了浅谈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遇到的坑和解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/4769-0.html

注：关于浅谈vue引入css,less遇到的坑和解决方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js