vue项目中在main.js中导入公共less文件报错

想要在main.js 中导入公共的public.less,然后就困扰了我好久

main.js 中添加语句

import  './common/less/public.less';

报错

error.png

百思不得其解的我，查了好久，最终发现是因为
新版本的vue-cli已经帮我们把less-loader配置好了，放在了util.js里面。
我还是去webpack.base.config.js中去配置以下这段代码：

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

      }

如果这样配置会报错，因为配置重复了,就是这样，一把心酸泪