Wie Webpack node.js verpackt

Dieses Mal zeige ich Ihnen, wie Sie Webpack node.js verpacken und welche Vorsichtsmaßnahmen für das Verpacken von node.js mit Webpack gelten. Das Folgende ist ein praktischer Fall Schauen Sie mal rein.

Installationsabhängigkeiten

Der Code lautet wie folgt:

npm install --save-dev webpack babel-loader babel-preset-es2015 babel-preset-stage-0

Webpack-Konfiguration

Webpack .config.js

'use strict';
const webpack = require('webpack');
let externals = _externals();
module.exports = {
  entry: {
    app: './app.js',
  },
  target: 'node',
  output: {
    path: './build',
    filename: '[name].js'
  },
  resolve: {
    extensions: ['', '.js']
  },
  externals: externals,
  node: {
    console: true,
    global: true,
    process: true,
    Buffer: true,
    filename: true,
    dirname: true,
    setImmediate: true
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel',
        query: {
          presets: ['es2015','stage-0']
        },
        exclude: /node_modules/
      }
    ]
  },
  plugins: [
    new webpack.optimize.UglifyJsPlugin()
  ]
};
function _externals() {
  let manifest = require('./package.json');
  let dependencies = manifest.dependencies;
  let externals = {};
  for (let p in dependencies) {
    externals[p] = 'commonjs ' + p;
  }
  return externals;
}

Projektverzeichnis

+controller
+models
+routes
+service
+test
+util
-app.js
-config.json
-gulpfile.js
-models.js
-package.json
-pm2.json
-webpack.config.js

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Bitte beachten Sie andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So erstellen Sie eine Ballanimation mit js

So konvertieren Sie JS-Datentypen

So verwenden Sie den $http-Dienst in Angular

Was sind die drei Attribute des Javascript-Objekts

Das obige ist der detaillierte Inhalt vonWie Webpack node.js verpackt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!