生产 webpack main.bundle.js 包含文件的完整路径

Question

这是来自"main.bundle.js的一段文字">

t&&(t.register(u,"ButtonLoaderAtom","/home/ec2-user/<project>/app/atoms/ButtonLoader/index.jsx"),t.register(p,"default","/home/ec2-user/<project>/app/atoms/ButtonLoader/index.jsx"),n(e))}()}).call(t,r(2)(e))}

问题"/home/ec2-user//app/atoms/ButtonLoader/index.jsx" 文件的完整路径名显示在 main.bundle 中.js在生产版本中。

期望为生产环境进行构建时，完整路径不应可见。

解决方案？？

欢迎任何帮助。提前谢谢。

Answer 1

从 .babelrc 文件中删除 "react-hot-loader/babel">

Answer 2

在@Arup的带领下，我遇到了同样的问题，并将我的.babelrc设置为仅在开发中包含react-hot-loader

// .babelrc
{
"presets": [...],
"plugins": [...],
"env": {
"development": {
"plugins": ["react-hot-loader/babel",]
}
}
}

然后确保在我的 webpack 构建脚本中NODE_ENV设置为生产package.json

// package.json
"scripts": {
...,
"webpack": "NODE_ENV='production' webpack --mode production",
}

因为.babelrc使用NODE_ENV而不是 webpack--mode.如果未设置 babelNODE_ENV，则默认使用env=development

然后从生产包中删除这些文件路径，同时保留所有react-hot-loader内容在开发中