How to package node.js with webpack-JS Tutorial-php.cn

How to package node.js with webpack

php中世界最好的语言

Release： 2018-03-17 09:37:42

Original

2592 people have browsed it

This time I will show you how to package webpacknode.js, what are the precautions for webpack packaging node.js, the following is a practical case, let's take a look.

Installation dependencies

The code is as follows:

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

Copy after login

webpack configuration

webpack.config.js

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

Copy after login

Project Directory

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

Copy after login

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!