新聞中心
本篇內(nèi)容主要講解“vue中怎么引入less”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“vue中怎么引入less”吧!
成都一家集口碑和實力的網(wǎng)站建設(shè)服務(wù)商,擁有專業(yè)的企業(yè)建站團(tuán)隊和靠譜的建站技術(shù),十載企業(yè)及個人網(wǎng)站建設(shè)經(jīng)驗 ,為成都上1000+客戶提供網(wǎng)頁設(shè)計制作,網(wǎng)站開發(fā),企業(yè)網(wǎng)站制作建設(shè)等服務(wù),包括成都營銷型網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,同時也為不同行業(yè)的客戶提供網(wǎng)站制作、網(wǎng)站設(shè)計的服務(wù),包括成都電商型網(wǎng)站制作建設(shè),裝修行業(yè)網(wǎng)站制作建設(shè),傳統(tǒng)機(jī)械行業(yè)網(wǎng)站建設(shè),傳統(tǒng)農(nóng)業(yè)行業(yè)網(wǎng)站制作建設(shè)。在成都做網(wǎng)站,選網(wǎng)站制作建設(shè)服務(wù)商就選成都創(chuàng)新互聯(lián)。
具體步驟如下:
1.首先,在vue-cli中創(chuàng)建一個vue.js項目;
vue create project-name
2.vue.js項目創(chuàng)建好后,在項目中使用cnpm命令安裝less依賴包;
cnpm install less less-loader --save-dev
3.less依賴包安裝好后,在webpack.config.js配置文件中進(jìn)行以下配置;
{test: /\.less$/,loader: "style-loader!css-loader!less-loader",},
4.最后,webpack.config.js文件配置好后,在項目中使用@import方法即可引入less;
到此,相信大家對“vue中怎么引入less”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
當(dāng)前標(biāo)題:vue中怎么引入less
分享網(wǎng)址:http://www.ef60e0e.cn/article/pgsjdo.html