淺談vue引入css,less遇到的坑和解決方法

來源：懂視網責編：小采時間：2020-11-27 22:21:31

淺談vue引入css,less遇到的坑和解決方法

淺談vue引入css,less遇到的坑和解決方法:在使用vux開發手機頁面時，引入vux的公共樣式less一直報錯，通過各種百度，Google都沒有解決，走了很多彎路。最后才發現鉆牛角尖了，可以換一種方法引入。 1、報錯的使用：在App中 @ ./~/css-loader?{minimize:false,sourceM

推薦度：

點擊下載本文 文檔為doc格式

導讀淺談vue引入css,less遇到的坑和解決方法:在使用vux開發手機頁面時，引入vux的公共樣式less一直報錯，通過各種百度，Google都沒有解決，走了很多彎路。最后才發現鉆牛角尖了，可以換一種方法引入。 1、報錯的使用：在App中 @ ./~/css-loader?{minimize:false,sourceM

在使用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遇到的坑和解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

淺談vue引入css,less遇到的坑和解決方法

推薦度：

點擊下載本文 文檔為doc格式

標簽：解決引入 less

熱門焦點

淺談vue引入css,less遇到的坑和解決方法

淺談vue引入css,less遇到的坑和解決方法

淺談vue引入css,less遇到的坑和解決方法

最新推薦

猜你喜歡

熱門推薦