So verpacken Sie NodeJS-Code

Mit der weit verbreiteten Anwendung von JavaScript im Back-End und Front-End ist Node.js zur Wahl vieler Entwickler geworden. Bei der Entwicklung von Node.js-Anwendungen müssen wir den Code jedoch häufig in eine ausführbare Datei packen oder in einer Produktionsumgebung veröffentlichen. In diesem Artikel wird erläutert, wie Node.js-Code verpackt wird.

Verpackungswerkzeug

Zuerst müssen wir ein Verpackungswerkzeug auswählen. Derzeit gibt es hauptsächlich die folgenden Optionen: Webpack, Rollup, Parcel und Browserify.

Webpack ist derzeit eines der beliebtesten Paketierungstools. Es kann Front-End- und Back-End-JavaScript-Code verpacken und unterstützt verschiedene Plug-Ins und Loader. Rollup und Parcel sind ebenfalls häufig verwendete Paketierungstools und werden hauptsächlich zum Paketieren von Front-End-Code verwendet. Browserify ist eines der ersten Paketierungstools, das sich auf die Verpackung von Front-End-Code konzentriert.

Hier wählen wir Webpack zur Demonstration.

Webpack installieren

Die Installation von Webpack ist sehr einfach. Wir können npm verwenden, um es mit dem folgenden Befehl zu installieren:

npm install webpack --save-dev

Als nächstes müssen wir eine webpack.config.js-Datei erstellen, die die Konfiguration von Webpack enthält.

Webpack konfigurieren

In der Datei webpack.config.js müssen wir zuerst die Eintrittsdatei und die Ausgangsdatei definieren. Die Eingabedatei ist unsere Hauptcodedatei und die Exportdatei ist die nach dem Packen generierte Datei. Beispielsweise können wir die Eintragsdatei als index.js und die Exit-Datei als main.js definieren.

const path = require('path');

module.exports = {
  entry: './index.js',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  }
};

Im obigen Code verwenden wir das Pfadmodul, um den Pfad der Ausgabedatei zu definieren. Der dist-Ordner enthält unsere gepackte Anwendung.

Als nächstes müssen wir unseren Loader definieren. Der Loader kann uns beim Konvertieren kompilierten Codes beim Packen helfen. Beispielsweise können wir Babel Loader verwenden, um ES6-Code in ES5-Code zu konvertieren.

module.exports = {
  // 其他配置
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  }
};

Im obigen Code verwenden wir Babel Loader, um unseren Code in ES5-Code zu konvertieren. Wir können Babel-Einstellungen über Optionen übergeben. In diesem Fall haben wir die Voreinstellung @babel/preset-env verwendet.

Zusätzlich zum Babel Loader können wir auch andere Loader verwenden, beispielsweise den CSS Loader, der CSS-Dateien konvertieren kann.

Abschließend müssen wir noch das Webpack-Plug-in definieren. Eines der am häufigsten verwendeten Plug-Ins ist UglifyJsPlugin, das unseren JavaScript-Code komprimieren kann.

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  // 其他配置
  plugins: [
    new UglifyJsPlugin()
  ]
};

Im obigen Code haben wir das UglifyJsPlugin-Plugin verwendet, um unseren Code zu komprimieren. Wir können der Liste weitere Plugins hinzufügen.

Packaging Node.js

Jetzt haben wir die Konfiguration von Webpack abgeschlossen. Als nächstes müssen wir den Webpack-Befehl im Terminal ausführen, um unsere Node.js-Anwendung zu packen.

webpack --config webpack.config.js

Mit diesem Befehl liest Webpack unsere Datei webpack.config.js und verpackt unsere Anwendung. Wir finden die generierte main.js-Datei im dist-Ordner.

In unserer Node.js-Anwendung können wir den folgenden Code verwenden, um den gepackten Code zu importieren:

const app = require('./dist/main');

Zusammenfassung

In diesem Artikel haben wir besprochen, wie man Webpack zum Packen von Node.js-Code verwendet. Wir haben zuerst Webpack installiert und dann die Datei webpack.config.js konfiguriert, um Ein- und Ausstiegsdateien, Loader und Plug-Ins zu definieren. Schließlich verwenden wir den Webpack-Befehl, um die gepackte Anwendung zu generieren.

Webpack ist ein leistungsstarkes Paketierungstool, das unsere JavaScript-Dateien verwalten und in ausführbare Dateien oder Codepakete packen kann. Durch die Verwendung von Webpack können wir unsere Node.js-Anwendungen einfach verwalten, um sie effizienter und zuverlässiger zu machen.

Das obige ist der detaillierte Inhalt vonSo verpacken Sie NodeJS-Code. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!