Using node.js to package webpack-JS Tutorial-php.cn

Using node.js to package webpack

亚连

Release： 2018-05-31 13:44:20

Original

1851 people have browsed it

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

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

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

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!