Скопируйте каталог dist в libs с помощью веб-пакета

Question

Я бы хотел сделать следующее:

Используя gulp, я добавил это к своим задачам:

gulp.task('copy:libs', function() {
  return gulp
    .src(npmdist(), { base: paths.base.node.dir })
    .pipe(gulp.dest(paths.dist.libs.dir));
});

Это скопировало мои пакеты из node_modules в мою папку libs. Теперь я хотел бы сделать то же самое с помощью веб-пакета:

• Источник: node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css
• Цель: lib/css/fancybox/jquery.fancybox.min.css

и

• Источник: node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.js
• Цель: lib/js/fancybox/jquery.fancybox.min.js

К сожалению, я пока не нашел возможности сделать это с помощью WebpackCopy.

Answer 1

Только для справки, если вы используете Laravel Mix , вы можете использовать mix.copy.

например

mix.copy('node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css', 'lib/css/fancybox/jquery.fancybox.min.css');

или если вы хотите скопировать каталог

mix.copyDirectory('node_modules/@fancyapps/fancybox/dist', 'lib/css/fancybox');

Answer 2

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

Выполнить

npm i copy-webpack-plugin

Затем в файле конфигурации вашего веб-пакета

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

module.exports = {
  plugins: [
    new CopyWebpackPlugin([{
      from: 'node_modules/something',
      to: 'somefolder',
    }]),
  ]
}