Gulp 使用 WebPack。哪个应该构建我的 coffee/jade 等?

Gulp with WebPack. Which should be building my coffee/jade etc.?

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

关键 libraries/frameworks/languages 是:

目前所有内容都使用实时重新加载观看,使用 uglify 和 gzip 压缩。我的 angular html view/directive 片段被发送到模板缓存 js 文件中。甚至图像都使用 image min.

缩小了

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

我当前的项目结构有一个 src 和 dist 目录,每个目录都有一个服务器和客户端文件夹。当然,每个 build 都可以安全地删除列表目录。我目前没有原始 js 文件或原始 html(除了 gulpfile.js 只是 requi res 我的 gulpfile.coffee),所有内容都由 gulp 和而已。

所以这是我的问题:

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

你当然可以使用Gulp to trigger your Webpack build and manage other tasks you may have however the idea of Webpack is that it is your entire build, you no longer need Gulp tasks to 'minify, 'concatenate' and 'imagemin' files etc as Webpack does all this for you by using Plugins and Loaders

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

angular 个问题恐怕我没有答案 :)