在详情 列表 等四个页面存在共同的样式,例如 菜单等,使用命令进行提取

/assets/style$ ls
common.css  components.css  icons.css

查看共同的样式

assets/style$ cat common.css components.css icons.css
@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/noto_sans_medium.ttf');
}

@font-face {
    font-family: 'Noto Sans Bold';
    src: url('../fonts/noto_sans_bold.ttf');
}


body {
    font-family: 'Noto Sans', sans-serif;
    background: linear-gradient(180deg, #FFF9FC 0%, rgba(255, 246, 251, 0) 100%);
    min-height: calc(100vh - 60px);

...............

进行文件的写入,把cat到的数据进行文件的copy

assets/style$ cat common.css components.css icons.css  >  front_end_all.css