バックグラウンドURLをレンダリングする方法CSS：VueJSで修正した後

Question

私はsimple-webpack vuecliを使用して自分のサイトを実装しています。私はボタンを持っている：バックグラウンドパスのURLを持つコンテンツを生成する変更後。 CSSでbackground-urlにrequireを使用するにはどうすればよいですか？インライン・スタイリングのように見えません：CSSの変更後。

グローバルSCSS

.btn-green .btn-text:after{ 
    content: ""; 
    width: 7px; 
    height: 10px; 
    background: url('/assets/img/svg/arrow-right.svg') no-repeat 0 0; 
    background-size: 100%; 
    display: inline-block; 
    margin-left: 5px; 
    padding-bottom: 11px; 
} 

Vueのテンプレート

<div class="btn-green universal-shadow"> 
    <div class="btn-text">GET STARTED</div> 
</div> 

Answer 1

あなたは相対パスを使用する必要がありそうWebPACKのではなく、そのモジュールへのパスの実際のURLとして解釈されます必要なはずです。

url('assets/img/svg/arrow-right.svg') 
    ^removed the leading/