为生产/设备创建不同的public / index.html React应用

Question

我正在研究React应用和js项目。所以基本上两个东西都在同一个网站上。现在，我想减少生产中的普通js代码。我的第一种方法是连接所有js文件，通过压缩程序库运行它们，并将压缩的js库包含在index.html中。但是，我只想在生产环境中使用它，所以我的问题是，是否可能有2个public / index.html具有不同的包含，具体取决于开发人员或生产环境？还是有另一种方法来解决这个问题？

Answer 1

好吧，如果我是你，我会在package.json文件上创建几个任务，例如“ prod ”和“ dev ”，我不知道是否您使用的是普通Webpack或create-react-app cli，在我使用Webpack的情况下，我在开发时会提供普通文件，并且会生成一个dist文件夹，其中包含所有最小化文件以供生产。

类似这样的东西：

 "scripts": {
   "prod": "./node_modules/.bin/webpack -p --mode production",
   "dev": "./node_modules/.bin/webpack-dev-server --config ./webpack.config.js --mode development",
},

所以这里要学习的主要事情是，您不需要保留两个index.html文件，而是创建可以为您处理dev和prod模式的任务。