ES6 импортировать несколько файлов

Question

Я мигрирую из gulp (используя bower) в webpack. В bower.json я использовал эту настройку для включения путевых точек.

"waypoints": {
  "main": [
    "lib/jquery.waypoints.min.js",
    "lib/shortcuts/infinite.min.js",
    "lib/shortcuts/inview.min.js"
  ],

Какой лучший способ сделать это с помощью веб-пакета с использованием импорта ES6?

Answer 1

Надеюсь, это то, что вы ищете.Вы можете использовать запись в вашей конфигурации Webpack, чтобы указать несколько файлов для импорта.Например,

entry: {
  main: [  
    "lib/jquery.waypoints.min.js",
    "lib/shortcuts/infinite.min.js",
    "lib/shortcuts/inview.min.js"
  ],
},

Кроме того, рекомендуется разделять блоки поставщиков следующим образом:

entry: {
  app: ['./index.js'],
  vendor: [  
    "lib/jquery.waypoints.min.js",
    "lib/shortcuts/infinite.min.js",
    "lib/shortcuts/inview.min.js"
  ],
},