Можно ли чтобы какой-то один js/json не собирался в бандл и не минифицировался, а ложился просто рядом с бандлом в папке dist?

Question

[chillbyheaven]

К примеру в папке build будет папка config
А в этой папке будет лежать мой файл environments.json без минификации

Answer 1

[Михаил]

https://github.com/webpack-contrib/copy-webpack-plugin

Comments

[chillbyheaven]

а как мне это может помочь?

[Шохрух Шаймардонов]

chillbyheaven, как это как. Эта либа делает именно то, что вы просите. Берет файл из указанного место и вставляет его в нужное.
Вы ж этого просите

[chillbyheaven]

Шохрух Шаймардонов, да он просто копирует файл
но бандл все равно соберется с файлом
потому что там есть импорт
в итоге он этот просто скопированный файл даже не будет трогать
потому что он мой жсон просто соберет
и запишет в бандл

[chillbyheaven]

Шохрух Шаймардонов, я уже делал так, просто скопировал
но как сказать компоненту чтобы он ссылался на него

[Михаил]

chillbyheaven, тогда в конфиге вебпака пропишите к нему file-loader

[chillbyheaven]

Михаил, были попытки его дописать, но тогда сборка проекта не проходила(
и не дает причины ошибки, пишет что она "просто есть и всё"

Answer 2

[Антон Швец]

добавить файл в assets
https://angular.io/guide/workspace-config#assets-c...

Чтобы вебпак не включал его в бандл добавьте ссылку на скрипт прямо в index.html как <script src="..."></script>
В приложении не импортируйте, а используйте из глобал скоупа.

Второй вариант - использовать динамический импорт вебпака.
Пишете

import('./mymodule').then(module => {
  // тут используем модуль
});

Файл будет собран отдельно, но будет минифицирован. Как тут индивидуально настроить не знаю, не нашел возможности конфигурировать TerserPlugin для отдельно взятого динамик импорта.
Можно указать имя чанка как

import(/* webpackChunkName: "myname" */'./mymodule')