Соберите все файлы js в целевую папку с помощью веб-пакета

Question

У меня

src/lib - вот папки с компонентами. Например:

src/lib/button/button.js

src/lib/checkbox/checkbox.js

src/lib/drawer/drawer.js

и т. д.

Как скомпилировать все эти файлы вtarget папка

в результате я хочу получить сборку:

target/button.js (с преобразованным в синтаксис es5)

target/checbox.js (с преобразованным в синтаксис es5)

target/drawer.js (с преобразованным в синтаксис es5)

несколько записей не является решением для меня. Там будет более 50+ компонентов

Answer 1

Этот код даст требуемый вывод.

const glob = require('glob');
const path = require('path');

function getEntries(pattern) {
  const entries = {};
  glob.sync(pattern).forEach((file) => {
    const outputFileKey = path.basename(file);
    entries[outputFileKey] = path.join(__dirname, file);
  });

  return entries;
}

module.exports = {
  entry: getEntries('src/**/*.js'),
  output: {
    path: __dirname + '/target',
    filename: '[name]',
  },
  module: {
    rules: [
      {
        test: /\.(js)$/,
        exclude: /node_modules/,
        use: ['babel-loader'],
      },
    ],
  },
  resolve: {
    extensions: ['.js'],
  },
};

Ссылка: https://stackoverflow.com/a/42672703/5271656