Question

我有一个现有的 angular 项目，它使用 grunt 来构建任务。我打算迁移到 webpack 。根据webpack文档，我必须在我希望在结果包中使用的所有脚本文件中使用 CommonJS 样式，因为这是webpack用于依赖性解析的方式。

但是Angular.js已经有了自己的依赖项解析功能，它不允许显式定义CommonJS样式中的所有依赖项。所以我想对我的JS文件使用简单连接，而不是将require(...)添加到大项目的每个文件中。在我看来，这将是额外的不必要的工作，因为当你使用角度时，文件顺序没有区别。

但看起来webpack推动我使用CommonJS方法并在现有代码库中进行大量更改而不会为项目带来任何利润。据我所知，我不能在entry配置参数中使用正则表达式或“star”-syntax，如下所示：

{
    entry: './scripts/**/*.js',
    //...
}

所以我必须使用CommonJS方法或者使用所有应用程序文件名格式化一个巨大的数组：https://webpack.github.io/docs/configuration.html#entry。但这种方法看起来像是一种解决方法。

有没有办法使用webpack对源文件进行必要的简单连接？

Answer 1

没有简单的方法可以做到这一点，因为这不是webpack的用途。 Webpack不是一个缩小器，但它确实是一个模块捆绑器。它捆绑了模块。如果你的代码没有被组织成模块，那么webpack对你没有任何用处。

如果您不使用模块系统，那么在当前的grunt设置中使用webpack将无法获得任何收益。