使用 create-react-app 时如何导入没有 webpack 依赖的节点模块或 JavaScript 文件？

Question

我正在尝试使用 create-react-app 从我的 index.js 文件中包含一个单独的 JavaScript 文件 (server.js)。这个 server.js 文件使用了 npm zeromq 节点模块，它似乎不能很好地与 webpack 配合使用。因此，我要么尝试排除 zeromq 节点模块或 server.js。

我尝试编辑 webpack.config.js，但没有成功。我尝试过的一些方法：

{
  ...
  test: /\.(js|mjs|jsx)$/,
  exclude: /server\.js$/,
  ...
}

不幸的是，我发现的所有示例都与我目前拥有的配置文件完全不同。我从 project/node_modules/webpack/config 生成的配置看起来像这样......

...
const cssModuleRegex = /\.module\.css$/;
const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;

// This is the production and development configuration.
// It is focused on developer experience, fast rebuilds, and a minimal bundle.
module.exports = function(webpackEnv) {
  const isEnvDevelopment = webpackEnv === 'development';
  const isEnvProduction = webpackEnv === 'production';
...

我以标准方式从 index.js 导入 server.js 文件。

import './server.js'

Answer 1

所以你的问题可能是你只需要拥有

import server from './server.js';

或者您需要的任何特定模块。话虽如此，如果您遇到与 webpack 不兼容的问题，则可能值得尝试使用 require 语句。所以像：

const server = require('./server.js');

您还退出了您的 React 应用程序吗？如果您已退出使用 create-react-app 创建的应用，则修改部分构建脚本通常会更容易。