vue 2.0 配置less 记录

所需依赖

style-loader 

css-loader

less-loader

sass-resources-loader

第一步

在build下webpack.base.config.js添加如下

{

             test: /\.less$/,

             loader: "style-loader!css-loader!less-loader",

 },

第二步

npm install sass-resources-loader --save-dev

在buid下untils.js增加less配置

  function resolveResource(name) {

      return path.resolve(__dirname, '../src/style/' + name);//你自己的less文件路径

  }

  function generateSassResourceLoader() {

      var loaders = [

        cssLoader,

        // 'postcss-loader',

        'less-loader',

        {

            loader: 'sass-resources-loader',

            options: {

              //你自己的less文件名称

              resources: [resolveResource('less.less')]

            }

        }

      ];

      if (options.extract) {

        return ExtractTextPlugin.extract({

          use: loaders,

          fallback: 'vue-style-loader'

        })

      } else {

        return ['vue-style-loader'].concat(loaders)

      }

  }