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

less安装和使用_第1张图片

3.vue组件引入

 

你可能感兴趣的:(less,webpack,vuejs)