vue build后border-image不显示问题，奇耻大坑！

.oneChart {
    width: 25vw;
    height: $dash3Hei;
    position: relative;
    &:before{
      content: "";
      width: inherit;
      height: inherit;
      border: 2px solid transparent;
      border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
      border-image: url('../assets/echarts/border.png') 51 38 21 132;
      display: block;
      position: absolute;
    }
  }

给一个元素加了个边框，本地运行没问题，效果不错-———————build一下再看，发现边框跑丢了，以为是路径问题，一通修改，无效！

             

检查编译前后代码，瞅两眼？？

编译后发现border属性被移到了border-image后面，what's fuck？，太坑了吧，border-image要使用一定要在前面定义border-style

没办法，那就改为如下，将border拆分写，ok大功告成

.oneChart {
    width: 25vw;
    height: $dash3Hei;
    position: relative;
    &:before{
      content: "";
      width: inherit;
      height: inherit;
      // border: 2px solid transparent;
      border-style:solid;
      border-color:transparent;
      border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
      border-image: url('../assets/echarts/border.png') 51 38 21 132;
      display: block;
      position: absolute;
    }
  }