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

Question

我正在处理一个React应用，该应用已被弹出，并使用webpack.DefinePlugin来全局存储一个定义特定路径下文件夹名称的对象（类似于使用node fs执行shell中的ls命令）。

我正在研究如何返回到原始的create-react-app，同时不会丢失此功能，因为应用程序的某些部分依赖于它，但我找不到其他方法，只能使用一个脚本将这些名称写入js文件中的变量，然后执行npm start或npm run build命令。

该项目目前使用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 的情况下，能够使用相同的值。

有什么建议吗？谢谢！

- Miluna

Answer 1

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

敬礼

- Miluna