1. 程式人生 > >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');