vue-cli 在main.js中引入全局的less文件

在main.js里面直接引入公共的less文件

会报下图的错

解决方案：

1.yarn add  style-loader -S
2.yarn add  css-loader -S
3.yarn add  less-loader -S
4.在webpack.dev.config.js里面配置：

 module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      { 
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader"
     },
     ]
  }
  5.在main.js中引入less文件：
  import '!style-loader!css-loader!less-loader!./assets/common/common.less'