웹팩이 node.js를 패키징하는 방법

이번에는 webpack node.js 패키징 방법을 알려드리겠습니다. 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;
}

프로젝트 디렉토리

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

에서 사례를 읽은 후 방법을 마스터했다고 믿습니다. 이 기사에 오셔서 더 흥미로운 정보를 얻으세요. PHP 중국어 웹사이트에서 다른 관련 기사도 주목하세요!

추천 자료:

js에서 작은 공 애니메이션을 만드는 방법

JS 데이터 유형을 변환하는 방법

Angular에서 $http 서비스를 사용하는 방법

이란 무엇입니까? 세 가지 JavaScript 개체 속성

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