Entfernen <style> on Produktion webpack build - vuejs

Question

Ich möchte fragen, wie kann ich all diese <style> Tags in meinem HTML in eine CSS-Datei mit Webpack-Konfiguration setzen. Der Inhalt der <style> sind von den Knoten-Modulen aus der vue-strap-Bibliothek, die ich über npm installiere. Ich überprüfte die .vue der Bibliothek und es gibt CSS-Stile im Inneren. Wie kann ich es trennen, wenn ich die productioin build mache.

Answer 1

Sie würden die ExtractTextPlugin für webpack verwenden, um alle CSS in eine separate .css-Datei zu extrahieren, die Sie dann in der index.html Seite inlcude haben.

https://webpack.js.org/plugins/extract-text-webpack-plugin/