less安装和使用

1.安装

npm install --save-dev less-loader less

2.在build文件夹下的webpack.base.conf.js的rules里面添加配置

      {
        test: /\.less$/,
        use: [{
            loader: "style-loader"
        }, {
            loader: "css-loader"
        }, {
            loader: "less-loader"
        }]
      },

或者 

{
        test: /\.less$/,
        use: [{
            loader: "style-loader"
        }, {
            loader: "css-loader"
        }, {
            loader: "less-loader", options: {
                strictMath: true,
                noIeCompat: true
            }
        }]
      },

3.vue组件引入

<style lang="less">
   @import './homeList.less';
</style>