Задать вопрос
@bronse
webpack

Как заменить файлы с помощью webpack на уровне сборки?

В моем проекте есть файл конфигурации, содержащий в себе различные настройки — токены, ссылки к API и т. д. Дело в том, что для development и production настройки сильно отличаются. И по этому я сделал 2 файла конфигурации.

project
|_configuration.js
|_configuration.dev.js

В коде я импортирую конфиги таким образом:

import * as configuration from './configuration.js';


Я хочу чтобы webpack подхватывал `configuration.js` для production сборки, и `configuration.dev.js` для development.
Как лучше это сделать?
  • Вопрос задан
  • 426 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@sowner
Можно использовать file-replace-laoder
https://www.npmjs.com/package/file-replace-loader

и прописать его в webpack config 

//webpack.config.js
 
const resolve = require('path').resolve;
 
module.exports = {
  //...
  module: {
    rules: [{
      test: /\.configuration\.js$/,
      loader: 'file-replace-loader',
      options: {
        condition: process.env.NODE_ENV === 'development',
        replacement: resolve('./configuration.dev.js'),
        async: true,
      }
    }]
  }
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Middle Fullstack Developer (Laravel + Vue.js) (Contractor, Remote)
Hicaliber
от 2 500 до 3 800 $
Преподаватель по программированию
Современный цифровой колледж • Пермь
от 10 000 до 50 000 ₽
Frontend Developer (React)
Real Deal • Санкт-Петербург
от 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Интеграция WordPress со Smartomato
25 апр. 2024, в 13:49
25000 руб./за проект
Нужен сертифицированный специалист Oracle Certified Associate Linux 5
25 апр. 2024, в 13:49
250000 руб./за проект
Сверстать 3 страницы для WebApp и 1 Web
25 апр. 2024, в 13:36
2000 руб./за проект
Ещё заказы