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

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

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

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

🤔 А знаете ли вы, что...
JavaScript поддерживает асинхронное программирование с использованием промисов и асинхронных функций.


131
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"
  ],
},