Блог

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

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

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

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

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

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

Для этого вы можете использовать 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: ''}
]))