ES6 导入多个文件

Question

我正在从 gulp（使用 bower）迁移到 webpack。在 bower.json 中，我使用此设置来包含 Waypoints。

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

此外，像这样拆分供应商块的良好做法是：

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

ES6 导入多个文件

ES6 import multiple files

javascript

webpack

ecmascript-6

gulp

bower