Webpack Bootstrap 4 копии custom.scss файл node_modules

Question

фон: Bootstrap 4 имеет файл с именем _custom.scss, где вы можете переопределить переменные для рамок начальной загрузки для пользовательской темы.

Мне удалось получить эту работу с помощью gulp, скопировав файл в моем проекте под названием «bootstrap-overrides.scss» и заменив файл «_custom.scss» его содержимым перед его компиляцией. Это решило мои проблемы (используя глоток).

Вопрос: Теперь я пытаюсь выполнить то же самое с помощью webpack, и у меня возникают проблемы. Мне нужно, чтобы это произошло до того, как начнется какое-то соединение. Все, что мне нужно сделать, это скопировать «./source/bootstrap-overrides.scss» в «./node_modules/bootstrap/scss/_custom.scss».

Я пытался сделать это с помощью копирования-WebPack-плагин; Тем не менее, он продолжает сбрасывать мои файлы в каталог выходного пути, а не в папку node_modules.

Любые гуру в Интернете, если есть какие-либо советы о том, как это сделать?

Спасибо заранее!

Answer 1

Я смог решить это, используя плагин copy-webpack.

Ключ должен использовать абсолютный путь, а не относительный путь. Использование path.join (__ dirname, "path") будет использовать абсолютный путь.

Пример:

new copy_webpack_plugin([ 
    { 
    from: path.join(__dirname, "source/styles/bootstrap-overrides.scss"), 
    to: path.join(__dirname, "node_modules/bootstrap/scss/_custom.scss") 
    } 
])