node.js を使用して Webpack をパッケージ化する

亚连
リリース: 2018-05-31 13:44:20
オリジナル
1818 人が閲覧しました

この記事では主にnode.jsバックエンドプロジェクトをwebpackでパッケージ化する方法を紹介しますので、参考にしてください。

この記事では、node.js バックエンドプロジェクトを webpack パッケージ化する方法を紹介し、詳細は次のとおりです:

インストールの依存関係

webpack の設定

webpack.config.js

npm install --save-dev webpack babel-loader babel-preset-es2015 babel-preset-stage-0
ログイン後にコピー

プロジェクトディレクトリ

'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;
}
ログイン後にコピー

以上は皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事:

Vue.js 2.0がimg src属性を双方向でバインドできない場合がある問題の解決策

switch switchを統合したiviewテーブルレンダリングの例

ブロックチェーンを実装するJavaScript

以上がnode.js を使用して Webpack をパッケージ化するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!