将 gulp 替换为静态站点的 Webpack
Replace gulp with Webpack for static site
这是我的项目结构
我的目标是将stylus文件生成成css,将jade文件编译成HTML和图像优化。 js 文件夹中没有发生太多事情,js 文件需要缩小,在某些情况下,需要合并为单个 js 文件并放入 dist/js 文件夹中。但是我打算在这个项目中使用 AngularJS、KendoUI 和 BrowserSync。我通常使用 Gulp 来完成任务。我想知道 Webpack 是否可以让我的生活更轻松。我可以使用 Webpack 而不是 Gulp 来实现同样的效果吗?值得付出努力吗?
是的,你可以使用 webpack!
Webpack 可以做的比 gulp 多得多,gulp 是唯一的任务运行器,另一方面,webpack 是模块的打包器。主要目的是捆绑 JavaScript 文件以便在浏览器中使用,但它也能够转换、捆绑或打包任何资源或资产。
我在 webpack 之前使用 gulp,我不得不承认它完成了工作,但对于所有这些任务来说非常复杂,现在我让 webpack 来完成这项艰巨的工作:-)
这是我的项目结构
我的目标是将stylus文件生成成css,将jade文件编译成HTML和图像优化。 js 文件夹中没有发生太多事情,js 文件需要缩小,在某些情况下,需要合并为单个 js 文件并放入 dist/js 文件夹中。但是我打算在这个项目中使用 AngularJS、KendoUI 和 BrowserSync。我通常使用 Gulp 来完成任务。我想知道 Webpack 是否可以让我的生活更轻松。我可以使用 Webpack 而不是 Gulp 来实现同样的效果吗?值得付出努力吗?
是的,你可以使用 webpack!
Webpack 可以做的比 gulp 多得多,gulp 是唯一的任务运行器,另一方面,webpack 是模块的打包器。主要目的是捆绑 JavaScript 文件以便在浏览器中使用,但它也能够转换、捆绑或打包任何资源或资产。 我在 webpack 之前使用 gulp,我不得不承认它完成了工作,但对于所有这些任务来说非常复杂,现在我让 webpack 来完成这项艰巨的工作:-)