辰东,魔天记忘语小说

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案

mpvue小程序開(kāi)發(fā)中配置less支持-創(chuàng)新互聯(lián)

問(wèn)題

開(kāi)發(fā)小程序選定了mpvue框架后，然后是選擇理想的小程序組件庫(kù)，我選擇的是Vant Weapp。但是，在Vant Weapp組件畢竟也是有限的，實(shí)際問(wèn)題可能復(fù)雜得多。因此，把Vant Weapp組件與小程序原生組件（如swiper等）聯(lián)合使用，甚至是開(kāi)發(fā)自定義組件都是可能的。另一方面，使用Vant Weapp組件類(lèi)似庫(kù)的一個(gè)好處是，很大情況下，可以不必關(guān)注CSS樣式的編寫(xiě)，但也不盡然。今天就遇到這樣一個(gè)問(wèn)題。

創(chuàng)新互聯(lián)公司是一家專(zhuān)注于成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)與策劃設(shè)計(jì),尼開(kāi)遠(yuǎn)網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:尼開(kāi)遠(yuǎn)等地區(qū)。尼開(kāi)遠(yuǎn)做網(wǎng)站價(jià)格咨詢(xún):13518219792

在mpvue框架時(shí)，我自然地使用了官方提供的mpvue-quickstart模板來(lái)快速生成一個(gè)小程序工程框架，然后再作調(diào)整。其中，便是使用了vue-cli，但它默認(rèn)是不支持更簡(jiǎn)潔功能更強(qiáng)大的LESS和SASS等CSS樣式創(chuàng)建的。但是，很顯然，有些情況下，直接使用CSS編寫(xiě)，在樣式層級(jí)多的情況下，很麻煩，重復(fù)性強(qiáng)。這也是引入LESS等的主要原因。那么，能夠在使用mpvue框架開(kāi)發(fā)小程序的情況下也引入LESS和SASS等工具支持呢？答案是：沒(méi)有問(wèn)題！

辦法

第一步：安裝less和less-loader
所用命令是：
npm i less less-loader -D

第二步：修改一下webpack.base.conf.js：
如圖中紅框框出的所示：
mpvue小程序開(kāi)發(fā)中配置less支持

第三步：使用less語(yǔ)法編寫(xiě)樣式即可，舉例如下：

小結(jié)

定義了上述樣式后，可以根據(jù)需要應(yīng)用于Vant　Weapp組件上，畢竟有些組件默認(rèn)樣式可能不太合乎實(shí)際需求。另外，使用上述思路，也可以在mpvue項(xiàng)目中引入sass樣式的使用。有興趣的讀者，可以參考文章https://www.jianshu.com/p/31f78fb9e4ba。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

本文題目：mpvue小程序開(kāi)發(fā)中配置less支持-創(chuàng)新互聯(lián)
分享地址：http://fisionsoft.com.cn/article/dhgisi.html

新聞中心

問(wèn)題

辦法

小結(jié)

其他資訊