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",
}

webpack.base.conf.js.png

使用

在style标签上添加lang属性，指定使用的样式语法；

<style scoped lang="less">
</style>

ps: scoped为只在当前组件中有效