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

php中世界最好的语言
풀어 주다: 2018-03-17 09:37:42
원래의
2593명이 탐색했습니다.

이번에는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!