Using node.js to package webpack

This article mainly introduces the method of packaging node.js back-end projects with webpack. Now I will share it with you and give you a reference.

This article introduces the method of webpack packaging node.js back-end project and shares it with everyone. The details are as follows:

Installation dependencies

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

webpack configuration

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;
}

Project Directory

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

The above is what I compiled for everyone, I hope it will be better in the future Helpful to everyone.

Related articles:

Solution to the problem that Vue.js 2.0 sometimes fails to bind the img src attribute in two directions

iview table render integrated switch Example of switch

JavaScript implements blockchain

The above is the detailed content of Using node.js to package webpack. For more information, please follow other related articles on the PHP Chinese website!