So lösen Sie das Problem, dass Vue beim Ändern der Konfigurationsdatei nicht ausgeführt wird

Mit der kontinuierlichen Weiterentwicklung der Front-End-Entwicklungstechnologie ist das Vue-Framework zu einem sehr wichtigen Werkzeug geworden. Während der Entwicklung mit dem Vue-Framework ist das Ändern von Konfigurationsdateien ein sehr häufiger Vorgang. Es kommt jedoch häufig vor, dass die Konfigurationsdatei geändert wird, ohne sie auszuführen. Wie kann man dieses Problem lösen? In diesem Artikel erfahren Sie, wie Sie das Problem lösen können, dass Vue geänderte Konfigurationsdateien nicht ausführt.

Zunächst muss klargestellt werden, dass es zwei Konfigurationsdateien für das Vue-Framework gibt, eine ist Vues Standardkonfigurationsdatei vue.config.js und die andere ist Webpacks Konfigurationsdatei webpack.config.js. Während der Entwicklung müssen wir diese beiden Konfigurationsdateien ändern, um unterschiedliche Anforderungen zu erfüllen. Manchmal ändern wir jedoch diese beiden Konfigurationsdateien, stellen jedoch fest, dass das Vue-Framework diese Änderungen nicht ausführt.

Für die Standardkonfigurationsdatei vue.config.js von Vue besteht eine häufige Situation darin, die Designfarbe der Bibliothek eines Drittanbieters (z. B. ElementUI, AntDesign usw.) zu ändern, auf die in der Datei verwiesen wird. Zu diesem Zeitpunkt müssen wir den folgenden Code zu vue.config.js hinzufügen:

module.exports = {
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          'primary-color': '#1DA57A'
        },
        javascriptEnabled: true
      }
    }
  }
}

Als wir jedoch die Änderungen speicherten und das Vue-Projekt erneut ausführten, stellten wir fest, dass die Designfarbe nicht geändert wurde. Dies liegt daran, dass die Vue-Standardkonfigurationsdatei nur analysiert und angewendet wird, wenn der Befehl Vue-cli-service ausgeführt wird. Wenn wir die Konfigurationsdatei ändern, ohne den Befehl erneut auszuführen, liest das Vue-Framework unsere Änderungen nicht.

Die Lösung für dieses Problem ist sehr einfach: Fügen Sie dem Befehl einfach die Option --config hinzu. Wenn wir beispielsweise die Designfarbe ändern möchten, müssen wir den folgenden Befehl ausführen:

vue-cli-service serve --config vue.config.js

Auf diese Weise kann das Vue-Framework unsere Änderungen lesen.

Ähnliche Probleme gibt es für die Webpack-Konfigurationsdatei webpack.config.js. Wenn wir beispielsweise den Eintragsdateipfad von Webpack ändern möchten, fügen Sie den folgenden Code zu webpack.config.js hinzu:

module.exports = {
  entry: './src/index.js'
}

Als wir das Vue-Projekt nach dem Speichern der Änderungen erneut ausführten, stellten wir ebenfalls fest, dass Webpack dies nicht tat Lesen Sie unsere Konfigurationsänderungen. Dies liegt daran, dass Webpack standardmäßig nur die Konfigurationsdatei mit dem Namen webpack.config.js liest. Wenn wir möchten, dass Webpack andere Dateien liest, müssen wir dem Befehl die Option --config hinzufügen, zum Beispiel:

vue-cli-service serve --config myWebpackConfig.js

Auf diese Weise , Webpack Wir können unsere Änderungen lesen.

Zusammenfassend lässt sich sagen: Wenn wir feststellen, dass das Vue-Framework diese Änderungen beim Ändern der Vue-Konfigurationsdatei nicht ausführt, müssen wir die folgenden Punkte beachten:

1. Nach dem Ändern der Konfigurationsdatei müssen Sie diese unbedingt erneut ausführen entsprechenden Befehl, damit Vue ihn lesen kann Unsere Änderungen.
2. Für die Vue-Standardkonfigurationsdatei müssen Sie dem Befehl die Option --config hinzufügen, damit Vue die von uns angegebene Konfigurationsdatei lesen kann.
3. Für die Webpack-Konfigurationsdatei müssen Sie dem Befehl auch die Option --config hinzufügen.

Ich hoffe, dass der obige Inhalt Ihnen dabei helfen kann, das Problem zu lösen, dass Vue nicht ausgeführt wird, um die Konfigurationsdatei zu ändern, sodass Sie das Vue-Framework reibungsloser entwickeln können.

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass Vue beim Ändern der Konfigurationsdatei nicht ausgeführt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!