node.js를 사용하여 웹팩 패키징

이 글에서는 node.js 백엔드 프로젝트를 webpack으로 패키징하는 방법을 주로 소개하고 참고하겠습니다.

이 글에서는 node.js 백엔드 프로젝트를 webpack으로 패키징하는 방법을 소개하고, 자세한 내용은 다음과 같습니다.

설치 종속성

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

webpack 구성

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

projectdirectory

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

위 내용은 제가 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Vue.js 2.0이 때때로 img src 속성을 두 방향으로 바인딩하지 못하는 문제에 대한 해결 방법

iview 테이블 렌더링 통합 스위치 스위치 예시

JavaScript 블록체인 구현

위 내용은 node.js를 사용하여 웹팩 패키징의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!