Создайте приложение реагирования, другое public / index.html для production / dev

Question

Я работаю над приложением реагирования и проектом js.Так что в основном две вещи, которые находятся на одном сайте.Теперь я хочу минимизировать простой js-код в производстве.Мой первый подход состоял в том, чтобы объединить все файлы js, запустить их через библиотеку компрессора и включить сжатую библиотеку js в index.html.Тем не менее, я хочу, чтобы это было только в производстве, поэтому мой вопрос, возможно ли иметь 2 public / index.html с различными включениями в зависимости от dev или production?или есть другой способ решить это?

Answer 1

Ну, на вашем месте я бы создал несколько задач в файле package.json, что-то вроде " prod " и " dev ", я не знаю, если вы используя обычный Webpack или create-реагировать-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 для вас.