Путаница в синтаксисе точки входа в Webpack

Question

Я изучал некоторый код, чтобы понять webpack и что он делает, и наткнулся на этот код;

const path = require('path');
const docsBuild = {
  entry: {
    'app/docs/lib/dice-roller': './app/src/main.js'
  },
  output: {
    path: path.join(_dirname,''),
    filename: '[name].js'
  } 
};
module.exports = [docsBuild];

Я не могу понять, почему вместо свойства записи main есть путь к файлу и почему второй параметр path.join пуст. Я новичок в webpack, и я не могу найти свой ответ в его документации, возможно, я плохо искал, но помощь была бы оценена.

Answer 1

Согласно документации веб-пакета:

запись

Точка или точки для входа в приложение. На данный момент приложение начинает выполняться. Если массив передан, все элементы будут казнены.

Итак, кусок кода:

entry: {
  'app/docs/lib/dice-roller': './app/src/main.js'
}

Устанавливает точку входа для 'app/docs/lib/dice-roller' в './app/src/main.js'

output.path

Выходной каталог в виде абсолютного пути.

Второй параметр path.join - это само имя выходного каталога. В вашем примере он пуст, но, как вы можете видеть в примере , представленном здесь , для структуры проекта ниже:

  webpack-demo
  |- package.json
  |- webpack.config.js
  |- /dist
  |- /src

Вы можете установить эту конфигурацию вывода, где __dirname возвращает имя каталога текущего модуля:

output: {
  filename: '[name].js',
  path: path.resolve(__dirname, 'dist')
}

Также эта документация по опциям содержит параграф, который может прояснить это немного:

Обратите внимание, что во всей конфигурации мы используем встроенный путь Node модуль и префикс его с глобальным именем __ . Это предотвращает файл проблемы путей между операционными системами и позволяют относительные пути к работать как положено. См. этот раздел для получения дополнительной информации о POSIX против Windows. пути.

Надеюсь, это поможет вам.