ES6导入多个文件

Question

I'm migrating from gulp (using bower) to webpack. Within bower.json I had used this setup to include Waypoints.

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

What's the best way to do this with webpack using ES6 imports?

Answer 1

I hope this is what you are looking for. You can use the entry in your Webpack config to specify multiple files to import. For eg,

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

Also, its good practice to split the vendor chunks like this:

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