什么是用于 create-react-app 的 webpack.DefinePlugin 的良好替代品？

Posted 2023-03-13

【中文标题】什么是用于 create-react-app 的 webpack.DefinePlugin 的良好替代品？

【英文标题】：What is a good alternative to webpack.DefinePlugin for create-react-app?

【发布时间】：2019-11-27 18:26:42

【问题描述】：

我正在开发一个弹出的 React 应用程序，该应用程序使用 webpack.DefinePlugin 全局存储一个对象，该对象定义应用程序中特定路径的文件夹名称（shell 中的 ls 类型，但使用节点 fs）

我正在研究如何在不丢失此功能的情况下返回原始 create-react-app，因为应用程序的某些部分依赖于此，但除了将这些名称写入在命令 npm start 或 npm run build 之前的 js 文件中的变量。

项目目前使用Webpack 3和Babel 6，回归react-scripts背后的想法是在升级项目的同时摆脱手动维护并简化项目依赖

// analysis.js
module.exports = 
  key: values from fs node package
;



// WEBPACK
    new webpack.DefinePlugin(
      "ANALYSIS": JSON.stringify(require('./analysis')),
    ),

我希望应用程序中可以使用相同的值，而无需弹出 react-scripts

有什么建议吗？谢谢！

【参考方案1】：

我最终选择开发一个在任何 webpack 脚本之前运行的脚本，并创建我稍后导入的文件，就像 React 应用程序中的任何其他文件一样

问候