在Vue项目中引入公共css样式

通常,较为复用次数高的css样式,需要提取出来同一存放

1. 在 assets 资源文件夹下创建 css 文件夹

2. 在 css 文件夹 下创建 public.less 文件

 

public.less

.wrap{
    width: 1200px;
    margin: 0 auto;
}

 

调用时需要现在 main.js 中引入

import './assets/css/public.less';

 

组件中就可以直接调用了