vue踩坑之路

2019独角兽企业重金招聘Python工程师标准>>>

vue引入iconfont

要引入4个，不然会报错（注意左边文件里面有5个不能删除）

使用<label for=""><i class="iconfont icon-icon-f-user"></i></label>

 

一、写入less出错

* !!vue-style-loader!css-loader?{"sourceMap":true}!../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-7ba5bd90","scoped":false,"hasInlineConfig":false}!sass-loader?{"sourceMap":true}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue in ./src/App.vue

解决方法，

1、出了哪几个模块，都给装上： npm install stylus-loader css-loader style-loader less-loader --save-dev

2、查看引用是否先写了scss，删掉

 

二、Vue 中全局引入less 文件报错

原因：
当前项目版本（Vue 2.9.6）已经在build/utils里配置里less的处理。所以之前在build/webpack.base.conf.js配置的less-loader 冲突了。结果报错。

utils里的默认配置：

之前build/webpack.base.conf.js配置：

去掉build/webpack.base.conf.js箭头里的less的loader 的配置就行了。

 

转载于:https://my.oschina.net/parchments/blog/3042893