在vue的组件中引进less公共样式文件

1安装less 和less-loader肯定是少不了

npm install less less-loader 

2.修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less，在原来的代码上添加

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

 

2.然后就可以在vue组件中@import使用了

已经生效：