网页包在前端和后端都能工作吗？

Question

从他们的网站上，我们包装的定义如下：

webpack是一个模块绑定器。它的主要用途是捆绑JavaScript文件以供在浏览器中使用，但它也能够转换、捆绑或打包任何资源或资产。

我的困惑从这个答案开始。它将webpack-dev-server描述为：

Webpack Dev Server本身就是一个express服务器，它使用Webpack Dev中间件来服务最新的捆绑包，并另外处理客户端中实时模块更新的热模块替换（HMR）请求。

webpack是用来编译快递的，还是告诉快递前端有变化的一种方式？

当我看到这个项目时，我的困惑甚至更深（根据他们的package.json文件），他们使用了webpack dev server，但我看不到安装了任何webpack。发生了什么事？你能在没有网页包的情况下使用网页包开发服务器吗？

最后，我的最后一个问题是angular里面有webpack，还是你需要安装它才能使用它？

Answer 1

第一个网页包是一个编译器，而不是一个库。这意味着它将不同的部分编译成一个js文件（为了解释，我现在过于简化了）。编译后，您可以随意使用该文件。

WebpackDevServer是一个附加工具。它允许更轻松地使用网页包。它所做的是在网页包编译之后，将本地主机服务器（使用express）与您的捆绑代码一起打包。此外，您还可以添加热模块更换（HMR）。该部件将动态更新您的捆绑包，而无需重新构建整个捆绑包（速度会快得多）。

关于"no webpack"的例子：他们使用角-devkit/build-角这是懒惰的开发人员的另一个工具，他们想在一开始就破坏项目，因为他们不想花3个小时学习webpack。他们没有webpack作为依赖项，因为anger-devkit/build-角有它。

最后，我的最后一个问题是角里面有webpack，还是你需要安装它才能使用它？-你需要自己安装角。

Answer 2

网页包是用来“编译”express还是用来告诉express前端有变化？

当前端代码有变化时，webpack开发服务器将监听该变化并重新加载您的内容

到底是怎么回事？没有Webpack你能使用webpack开发服务器吗？

webpack-dev-server依赖于webpack，所以当你安装webpack-dev-server时，npm也会安装webpack

angular随附网页包，还是需要安装才能使用？

角cli自带webpack，你不需要安装webpack来使用它，因为角cli的webpack配置文件对用户隐藏