使用webpack的电子应用程序出现捆绑错误，无法解析模块“电子”

Question

我正在尝试使用 React 创建一个 Electron 应用程序。我使用 Webpack 编译 React JSX
语法，但是当我尝试使用命令进行编译时，出现了以下错误： __webpack

./app.jsx中的错误找不到模块：错误：无法在/ Users / masterT / Downloads / gist中解析模块’electron’

@ ./app.jsx 6：18-37

这是应用程序代码。

我做错了吗？

谢谢！

Answer 1

Webpack尝试electron使用已安装的node_modules
解析模块。但是该electron模块在运行时由Electron本身解决。因此，您必须像这样从webpack捆绑中排除特定的模块：

webpack.config.js：

module.exports = {
  entry: './app.jsx',
  output: {
    path: './built',
    filename: 'app.js'
  },
  target: 'atom',
  module: {
    loaders: [
      {
        loader: 'babel',
        test: /\.jsx$/,
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  },
  externals: [
    (function () {
      var IGNORES = [
        'electron'
      ];
      return function (context, request, callback) {
        if (IGNORES.indexOf(request) >= 0) {
          return callback(null, "require('" + request + "')");
        }
        return callback();
      };
    })()
  ]
};