less在vue项目中的使用

版权声明：转载请注明出处： https://blog.csdn.net/qq_38262910/article/details/88075023

一.安装依赖

 npm install less less-loader --save
 或者
 cnpm install less less-loader --save

二.修改配置

在vue项目中build/webpack.base.conf.js：
moduls对象的rules数组中最后添加

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

三.引入

在每个想要使用less的vue文件中
style加上lang=“less”

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

然后就可以了