Как получить веб-пакет для экспорта зависимости в отдельный файл?

Question

У меня есть проект webpack / React, который прекрасно работает и создает минимизированный и связанный файл в dist/file.min.js. Однако мне также хотелось бы, чтобы один из файлов javascript для зависимости, которую я указал с помощью пряжи (но никогда не использовал в этом коде), также отображался в этой выходной папке dist.

В частности, я использовал yarn, чтобы указать, что библиотека lz-string является зависимостью проекта:

{"dependencies": {"lz-string": "^1.4.4"}}

И хотел бы также экспортировать веб-пакет lz-string.min.js в папку dist. Короче, как мне получить следующий вывод?

/dist/
   file.min.js
   lz-string.min.js

Если lz-string не используется нигде в JavaScript в этом коде? (Я просто хочу скопировать версию, указанную в yarn, в ту же папку вывода с помощью веб-пакета).

Answer 1

Вы можете использовать CopyWebpackPlugin для этого.

Добавить плагин копирования: yarn add copy-webpack-plugin --dev.Затем измените ваш webpack.config.js, добавив следующие строки:

const CopyWebpackPlugin = require('copy-webpack-plugin');

config.plugins.push(new CopyWebpackPlugin([
    {from: 'node_modules/lz-string/lz-string.min.js', to: ''}
]))