Webpack&捆绑所需的文件?

时间:2016-06-30 13:35:39

标签: javascript webpack

刚开始使用webpack。我注意到的第一件事是webpack将遍历您的依赖图(在我的情况下使用必需的语句)并将所有内容嵌入到一个巨大的文件中。例如,如果我myjsfile.js需要lodash.js。它将作为一个文件输出。这不是我所期待的,也可能不是我想要的。我想我希望webpack能够在运行时加载所需的依赖项。因此,如果我在运行时引用myjsfile.js,它也会下载lodash.js,而不必在页面上引用它。我当然不希望每页有一个巨大的js文件。这会杀死一个人的缓存。任何关于这一切如何运作的澄清都将受到赞赏。

1 个答案:

答案 0 :(得分:0)

结帐commons chunk plugin。像这样:

entry: {
  app: './js/app.js',
  vender: ['lodash', 'jquery'],
},

html-webpack-plugin这样的工具可以帮助您自动添加脚本。

webpack 2(此时仍为测试版)supports load on demand from System.import

System.import('./pathTo/' + moduleName).then(doCallback);