Как я могу импортировать внешний файл без его сборки в веб-пакете?

Question

Я настраиваю свою инфраструктуру для запуска приложения vue.

У меня есть две папки vue_lab и vue_prod

Я хочу создать файл config.js в корне проекта и добавить этот файлв .gitignore.

Внутри этого файла я добавлю URL-адрес API.

Мне нужно, чтобы этот файл не создавался при запуске npm run build.

Я мог бы использовать .env.productionно проблема в том, что у меня есть две производственные среды (lab и prod), и мне нужно иметь разные env-файлы в каждом проекте.

Я попытался создать файл config.js в корне проекта:

export const API_HOST = 'http://www.url.com.br';

внутри компонента Я импортирую файл и использую переменную:

import {API_HOST} from '../config';

проблема в том, что при запуске команды npm run build файл config.js создается ви я не могу положить его в гитиньоре.Как я могу импортировать внешний файл без его сборки в веб-пакете?

Answer 1

Если ваша забота об использовании файлов .env поддерживает несколько сред, вы можете настроить, какой файл .env.* вы хотите использовать, примерно так:

import dotenv from 'dotenv';
import path from 'path';

dotenv.config({ path: path.resolve(__dirname, ./.env.${process.env.ENVIRONMENT})});

Возможно, вам придется настроитьприведенный выше фрагмент немного зависит от того, как вы настраиваете веб-пакет.