vue - vue使用less

安裝

命令：
npm i less less-loader -S

配置

更改配置文件build/webpack.base.conf.js
在module.export暴露的對象中，為module的rules添加如下配置：

{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", }

 

 

使用

在style標簽上添加lang屬性，指定使用的樣式語法；

1.內部使用

<style scoped lang="less"> </style>
注釋：scoped為只在當前組件中有效

2.外部引用

<style scoped lang="less">
　　@import './index.less' </style>

 

注意：配置文件修改之后必須重啟，否則會報錯