ES6导入多个文件

时间:2019-06-26 12:20:03

标签: javascript webpack ecmascript-6 gulp bower

我正在从gulp(使用Bower)迁移到Webpack。在bower.json中,我使用了此设置来包含Waypoint。

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

使用ES6导入的webpack最好的方法是什么?

1 个答案:

答案 0 :(得分: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"
  ],
},