node.js - Webpack 捆绑不包含特定模块，例如 'sequelize'

Question

我正在使用 webpack、seqelize 和其他具有以下 webpack 配置的模块开发 nodejs。

const path = require('path');
const webpack = require('webpack');
const fs = require('fs');
const glob = require('glob');
const CleanWebpackPlugin = require('clean-webpack-plugin');

var nodeModules = {};
fs.readdirSync('node_modules')
    .filter(function(x) {
    return ['.bin'].indexOf(x) === -1;
  })
  .forEach(function(mod) {
    nodeModules[mod] = 'commonjs ' + mod;
  });

module.exports = {
  // entry: [ path.resolve(__dirname, 'server.js'), models ],
  entry: glob.sync(path.resolve(__dirname, 'src/**/*.js')),
  resolve: {
    // Add `.ts` and `.tsx` as a resolvable extension.
    root      : [path.resolve(__dirname, '')],
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js'],
    modulesDirectories: ['node_modules']
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel',
        exclude: /node_modules/,
        query: {
          cacheDirectory: true,
          presets: ['es2015']
        }
      }, {
        test: /\.json$/,
        loader: 'json'
      }
    ]
  },
  plugins: [
    new CleanWebpackPlugin(['build'], {
      root: path.resolve(__dirname, ''),
      verbose: true,
      dry: false,
      exclude: [],
      watch: true
    })
  ],
  node: {
    __filename: true,
    __dirname: true
  },
  target: 'node',
  externals: nodeModules,
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'server.[chunkhash].js',
    libraryTarget: 'commonjs'
  }
}

在这种情况下，我尝试将整个源代码与配置捆绑在一起，然后获取名为 server.[chunkhash].js 的捆绑文件。 .

我想将文件移动到服务器并使用 node server.[chuckhash].js 之类的命令，但是，我收到了如下消息。

module.js:472
    throw err;
    ^

Error: Cannot find module 'sequelize'
    at Function.Module._resolveFilename (module.js:470:15)
    at Function.Module._load (module.js:418:25)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    ...

于是，我试图找到具体的出错点，然后发现我的 models/index.js使用 seqelize以下代码的模块。

import fs from 'fs';
import path from 'path';
import Sequelize from 'sequelize';
import config from 'config/env';

const sequalize = new Sequelize(config.mysql.database, config.mysql.username, config.mysql.password, config.mysql.params.options);
const db = {};

fs.readdirSync(__dirname)
  .filter(file => {
    return (file.indexOf('.') !== 0) && (file !== 'index.js');
  })
  .forEach(file => {
    const model = sequalize.import(path.resolve(__dirname, file));
    db[model.name] = model;
  });

Object.keys(db).forEach(modelName => {
  if ('associate' in db[modelName]) {
    db[modelName].associate(db);
  }
});

db.sequelize = sequalize;
db.Sequelize = Sequelize;

export default db;

我该如何解决这个问题？

实际上，与nodemodule在同一个文件夹中，并没有出错，但是，制作捆绑文件，它会出错。

Answer 1

你定义了你所有的node_modules作为 externals (externals: nodeModules,)。这意味着 webpack 不会捆绑来自 node_modules 的任何模块。并且只会在运行时解决导入问题，就像在不使用 webpack 的情况下在 Node 中运行它一样。为此，您需要在运行捆绑包的任何地方都有可用的模块。

如果你想让 webpack 捆绑 node_modules同样，您可以删除 externals选项。

您使用的外部配置可能来自(直接或间接)Backend Apps with Webpack (Part I)您应该阅读该博客文章以了解它的实际作用以及您是否需要它。