javascript - 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 导入通过 webpack 实现此目的的最佳方法是什么？

Answer 1

我希望这就是您正在寻找的。您可以使用 Webpack 配置中的条目来指定要导入的多个文件。例如，

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

此外，像这样分割 vendor block 的好习惯是:

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