文章标签

当你为一个网站构建构建流程时，查看其他人的流程非常有用。前几天我偶然发现了 Andrew Welch 的 “前端 Web 开发的带注释的 Webpack 4 配置”，并且很高兴……

这里有两种（抽象地）构建网站的方式，在我看来它们截然相反

1. 将网站构建为 SPA（单页应用程序）。页面加载一个基本的 HTML 页面，并尽快执行 JavaScript。该

Gonzalo García 尝试解释 Webpack（不像 npm 那样大写）存在的意义。这里没有特别的异议，但这是我的看法……

• 我们使用 Webpack 是因为我们需要 import stuff from place;。这是

Webpack 现在非常火爆！Webpack 在模块捆绑和使用 Vue 或 React 等框架方面非常出色，但在处理静态资产（如 CSS）时会有点笨拙。你可能会更……

主要目的是：你无论如何都在使用 npm，因此直接使用它来运行脚本可以消除依赖项（例如 gulp/grunt/其他），并让你更接近你直接使用的工具。我可以看到这个示例 `package.json` 文件……

将代码分解成更小的、易于管理的块的想法，创建了一个易于使用和维护的环境。这通常被认为是模块设计，并且是当今 Web 开发的标准。我……

有一种越来越普遍的观点（例如）认为，直接使用 Node 包及其提供的命令行接口是一个不错的选择。而不是通过任务运行器抽象掉功能。部分原因：……

前端开发人员经常被告知要执行某些操作

• 将 CSS 和 JavaScript 分成尽可能小的块，然后将它们连接在一起以用于生产网站。
• 压缩你的 CSS 并压缩你的 JavaScript 以便