使用 WebPack gulp 。哪个应该构建我的咖啡/ Jade 等？

Question

我有一个当前正在使用 gulp 的现有项目。

关键的库/框架/语言是:

• MongoDB - Mongoose
• AngularJS - 使用 ui-router，也使用 ngClassify
• ExpressJS - 带护照
• 节点
• Jade
• CoffeeScript
• Sass - '.sass' 格式
• JPG/PNG

目前一切都使用实时重新加载观看，使用 uglify 和 gzip 压缩。我的角度 html View /指令片段被发送到模板缓存 js 文件中。甚至图像都使用 image min 进行了缩小。

单页应用程序在设计上是非常模块化的，应用程序有多个“页面”，每个页面都有特定的用途(以个人资料页面为例)，使用 ui-route 嵌套 View 。并非所有用户都会使用每个页面。因此，为什么我选择转向 WebPack，每个“页面”都是一个模块。此应用程序的目标是尽可能地响应。在切换他们所在的页面/模块时可能会出现轻微加载时间。

我当前的项目结构有一个 src 和 dist 目录，每个目录都有一个服务器和客户端文件夹。列表目录当然可以在每次构建时安全地删除。我目前没有原始 js 文件或原始 html(除了只需要我的 gulpfile.coffee 的 gulpfile.js 之外)，所有内容都由 gulp 预处理，仅此而已。

所以这是我的问题:

1. 我是否将大部分 gulpfile 替换为 webpack，并让 webpack 处理所有内容(这样做有什么好处)？或者我是否创建一个中间文件夹(gulp 输出)，然后在该文件夹上运行 webpack(只处理缩小的 js/css/html 文件)。基本上，了解我的库/框架是什么以及我的情况后，您将如何构建构建过程？
2. 可以使用 ngClassify app.coffee 文件作为入口点吗？还是必须先编译。 (如果可以，怎么做？)

Answer 1

您当然可以使用 Gulp to trigger your Webpack build 并管理您可能拥有的其他任务，但是 Webpack 的想法是它是您的整个构建，您不再像 Webpack 那样需要 Gulp 任务来“缩小”、“连接”和“imagemin”文件等所有这些都可以通过使用 Plugins 和 Loaders 来实现。

您必须在项目源上运行 Webpack，而不是您的自定义 Gulp 构建创建的已经缩小的包。

恐怕我没有答案的角度问题:)