首先,說(shuō)明一點(diǎn)臂痕,如果是使用
npm init webpack 項(xiàng)目名
的方式創(chuàng)建的項(xiàng)目,無(wú)需手動(dòng)配置webpack
所以再vue中使用less就非常簡(jiǎn)單了伯襟,只需要安裝less, less-loader就行了
步驟
1.npm install less less-loader --save //將less和less-loader安裝到開(kāi)發(fā)依賴(lài)
2.npm run dev
如果安裝成功那么就可以再vue組件中使用less了
<style lang="less" scoped>
.hello{
a{
color:red;
}
}