【Electron 快速入门-5.2】 Web 开启 node 能力

在 create-react-app 中，我们需要通过react-app-rewired 来配置覆盖 webpack 。

安装 react-app-rewired

yarn add react-app-rewired -D
复制代码

修改 webpack 配置

• 增加 config-overrides.js。

• 配置相关electron-renderer 配置。

  • 处理 node 变量问题
  • 更改编译 target 为: electron-renderer

module.exports = function override(config, env) {

  // handle node global vars 

  config.node = {

    __dirname: false,

    __filename: false,

  };

  //change compile target to electron-renderer

  config.target = 'electron-renderer';

  return config;

}
复制代码

增加启动命令

  /* package.json */



  "scripts": {

   "start:renderer": "react-app-rewired start",

   "build:renderer": "react-app-rewired build",

   "test": "react-app-rewired test",

}
复制代码