Какова цель webpack's entry.main?

Question

Я ищу исходный код, найденный в sound-redux, репо найдено здесь, на github: https://github.com/andrewngu/sound-redux. Просматривая webpack.config.js, я не мог понять, что делает entry.main.

module.exports = { 
    // ... 
    entry: { 
    main: [ 
     './scripts/main.js', 
     'webpack-dev-server/client?http://localhost:8080', 
     'webpack/hot/only-dev-server' 
    ] 
    } 
    // ... 
} 

Что на самом деле происходит здесь и как это используется этим приложением? Насколько я могу найти, документация полностью умалчивает об этой функции.

Answer 1

entry внутри module.exports обозначает точку входа приложения. Теперь то, что main является примером нескольких точек входа. main является ключом к массиву в объекте путей точки входа и используется как имя. Рассмотрю эту конфигурацию Webpack:

module.exports = { 
    ... 
    entry: { 
     app: ['./path/to/main.js', './somewhere/else/index.js'] 
    }, 
    output: { 
     path: "to/somewhere", 
     filename: "[name].js" 
    } 
    ... 
} 

Что это будет сделать, это установить точку входа в приложение к нескольким файлам для Code Splitting и вывод в один файл JS с именем app.js, из-за этикетки данных, app.

Подробнее об этом можно узнать на странице Webpack Docs.

Answer 2

{ 
    context: __dirname + "/app", 
    entry: "./entry", 
    output: { 
     path: __dirname + "/dist", 
     filename: "bundle.js" 
    } 
    } 

запись является точкой входа для комплекта. Если вы передаете строку: строка разрешена к модулю, который загружается при запуске. Итак, здесь, в приведенном выше примере контекста: __dirname + "/ app" - это каталог точки входа и записи: «./entry» - это имя файла записи. Результатом будет файл файла пакета: «bundle.js». Вы можете дать любое имя для связывания файла.

Красиво описано здесь

http://ui-codeman.blogspot.in/2017/02/webpack.html?view=sidebar