什么是less?

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),霞山企業(yè)網(wǎng)站建設(shè),霞山品牌網(wǎng)站建設(shè),網(wǎng)站定制,霞山網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,霞山網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

Less 是一門 CSS 預(yù)處理語言，它擴(kuò)展了 CSS 語言，增加了變量、Mixin、函數(shù)等特性，使 CSS 更易維護(hù)和擴(kuò)展。

引言

現(xiàn)在前端的vue框架越來越火，vue-cli作為vue項(xiàng)目的腳手架工具，是我們?cè)陂_發(fā)中最最經(jīng)常使用的。為了在vue項(xiàng)目中更好的管理我們的css文件，我們通常會(huì)引入less或者sass來幫助我們管理我們的css代碼。那么，本文旨在記錄如何在vue-cli初始化的項(xiàng)目中使用less來幫助我們更好的管理css代碼。

下面話不多說了，來隨著小編一起看看詳細(xì)的介紹吧

方法如下：

首先，安裝less，推薦使用淘寶鏡像安裝：

cnpm install less less-loader --save

然后，修改配置文件：打開build文件夾-->找到webpack.base.conf.js，輸入配置代碼：

module.exports = {
 ……
 module: {  
  rules: [
   ……
   //在rules數(shù)組的最后位置插入一項(xiàng)配置代碼
   {
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader"
   }  
  ]}

最后在你的style標(biāo)簽中添加lang="less",scoped表示私有作用域

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)創(chuàng)新互聯(lián)的支持。