Audio Vermögen nicht in Vue/Webpack

(See fiddle gegabelt von webpack vue-cli Sampple)Audio Vermögen nicht in Vue/Webpack

gefunden Warum erfolgreich gebündelt Bild-Assets durch webpack, aber Audio-Assets sind nicht wahr? (Ich verwende ein Projekt abgeleitet aus dem vue-cli webpack Projekt)

Wenn ich schreibe

<img src="../assets/logo.png"></img> 
<audio src="../assets/ding.ogg" type="audio/ogg"></audio>

das Logo einfach gut gemacht ist, aber ich habe ein 404 für die ding.ogg Audiodatei .

Quelle

2017-01-29 ripper234

ich glaube, Sie haben Ihre webpack.config Datei ändern - so Idee gesetzt Datei loader die Ogg-Dateien 'Lader zu erkennen: [{ Test: /\.(ogg|mp4)$/, Lader : 'Datei' }].'Anschließend, Sie haben Datei-Loader installiert –

Ich habe es hinzugefügt, immer noch nicht gut. Sieh dir diese Geige an: https://github.com/ripper234/ogg-webpacket-asset-fiddle – ripper234

Hm, wenn du es mit 'url' loader anstelle von' file' versuchst? –

Der Audio Tag mit src Attribute wird von vue-loader nicht standardmäßig verarbeitet:

Um weiteren Tag hinzufügen + Attribut Sie transformToRequire Wert auf den Optionen der vue-loader verwenden können:

{ 
    test: /\.vue$/, 
    loader: 'vue-loader', 
    options: { 
     // other options... 
     transformToRequire: { 
      "audio": "src" 
     } 
    } 
}

Quelle

2017-02-27 20:49:26 jordiburgos

Audio Vermögen nicht in Vue/Webpack

Antwort

Verwandte Themen