首頁 >web前端 >js教程 >使用vue引入css,less相關問題

使用vue引入css,less相關問題

亚连
亚连原創
2018-06-11 14:05:451598瀏覽

下面我就為大家分享一篇淺談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');

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

使用parcel.js打包出錯的問題

詳細解讀vue重構技術

使用vuex以及持久化

在jquery中使用輸入框來尋找關鍵字

有關Vue中如何換膚?

使用js和jQuery如何實作指定賦值方法

#使用React和Webpack如何最佳化打包?

使用vue如何寫todolist元件?

使用openlayers4如何實現點的擴散?

以上是使用vue引入css,less相關問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn