Vue下漸變效果有時候失效

記錄一個問題：我在項目中給按鈕設置一個漸變屬性，調試的時候有時候有效果，有時候又沒有，代碼如下:

.training-right-bmz {
        background: -webkit-linear-gradient(left, #21dfad, #06b7ba);
        background: -moz-linear-gradient(left, #21dfad, #06b7ba);
        background: -ms-linear-gradient(left, #21dfad, #06b7ba);
        background: -o-linear-gradient(left, #21dfad, #06b7ba);
        background: linear-gradient(left, #21dfad, #06b7ba);
        border-radius: 100px 0 0 100px;
        border: none;
        color: #fff;
        font-size: 14px;
        position: absolute;
        padding: 4px 12px;
        right: 0px;
        top: 34px;
}

打開瀏覽器調試看了下，漸變屬性那里變成了感嘆號，效果沒有渲染出來，想了N多方法還是沒有戲，

、、、、

下班回來百度，看到一個大佬的文章，https://www.cnblogs.com/sxgxiaoge/p/9646949.html（Vue項目打包上線后，所使用的css3漸變屬性丟失解決方案），突然覺得好像我在寫樣式代碼的時候，有注釋的時候，漸變是出來的，沒有注釋有時候漸變沒有了，於是按照大佬的方法：“可能是optimize-css-assets-webpack-plugin這個插件的問題，其實解決辦法很簡單，只需要在這個屬性前后加一個特殊注釋即可”，直接加注釋，

.training-right-bmz {
        // background: #21dfad;
        background: -webkit-linear-gradient(left, #21dfad, #06b7ba);
        background: -moz-linear-gradient(left, #21dfad, #06b7ba);
        background: -ms-linear-gradient(left, #21dfad, #06b7ba);
        background: -o-linear-gradient(left, #21dfad, #06b7ba);
        background: linear-gradient(left, #21dfad, #06b7ba);
        border-radius: 100px 0 0 100px;
        border: none;
        color: #fff;
        font-size: 14px;
        position: absolute;
        padding: 4px 12px;
        right: 0px;
        top: 34px;
}

 

發現漸變出來了，有點懵逼，不曉得是不是因為插件的原因還是啥，先記錄一下，等明天給測試看看效果還有沒有

.

.

 發現問題：隨便注釋還是不行，直接用大佬的注釋代碼試試看，如下：

.btn-baomingzhong {
        /*! autoprefixer: off */
        background: -webkit-gradient(
          linear,
          100% 0,
          0 0,
          from(#21dfad),
          to(#06b7ba)
        );
        background: -webkit-linear-gradient(left, #21dfad, #06b7ba);
        /* autoprefixer: on */
        background: -moz-linear-gradient(left, #21dfad, #06b7ba);
        background: -ms-linear-gradient(left, #21dfad, #06b7ba);
        background: -o-linear-gradient(left, #21dfad, #06b7ba);
        background: linear-gradient(left, #21dfad, #06b7ba);
        border-radius: 100px 0 0 100px;
        border: none;
        color: #fff;
        font-size: 14px;
        position: absolute;
        padding: 4px 12px;
        right: 0px;
}

　　

 明天看哈