Wie integriert man Webpack in ein Legacy-Struktur-Projekt?

Question

Ich habe ein kleines Projekt in einer "alten Art und Weise" erstellt und möchte Webpack integrieren. Das Projekt verwendet angularjs und bootstrap.

Ich möchte meine Code-Basis nicht ändern. Ich bündle nur js Dateien.

module.exports = { 
    entry: { 
     app: './src/main.js', 
     others: ['...', '...'] 
     vendor: [ 
      'jquery', 
      'bootstrap', 
      'angular', 
      'angular-route' 
     ] 
    }, 
    output: { 
     path: path.join(__dirname, 'dist'), 
     filename: '[name].bundle.js' 
    }, 
    plugins: [ 
     new webpack.ProvidePlugin({ 
      '$': 'jquery', 
      'jQuery': 'jquery', 
      'window.jQuery': 'jquery' 
     }) 
]} 

Im index.html I der others.bundle.js und vendor.bundle.js nur app.bundle.js.

Der Build funktioniert. Aber natürlich wird der Bootstrap-Js-Code nicht ausgeführt (so dass der Navbar-Toggle nicht auf kleinen Geräten funktioniert). Gibt es eine Möglichkeit, es mit Bootstrap funktionieren zu lassen? Muss ich Bootstrap benötigen/importieren?

Answer 1

Versuchen Sie suchen here

Sind Sie sicher, dass alles mit der Referenz in Ordnung ist aus Ihrer HTML-Datei Bootstrap?

---

Ich habe gerade gesehen, dass Sie geschrieben haben, dass Sie keinen Verweis auf Bootstrap von Ihrem HTML hinzufügen. Ich denke, das könnte das Problem

sein