使用webpack

Question

我正在构建节点/ Express应用程序，并希望利用＆＃39;最新最好的 ：

node / Express + TypeScript + webpack 。

问题：使用webpack将我的所有nodejs代码捆绑到一个文件中有什么好处？只是试图了解将webpack用于此目的是否过分。

Answer 1

我认为Webpack所带来的最大收益将是热模块更换（HMR）。

在开发过程中，如果要使用nodemon之类的工具来监视文件更改，则必须等待节点应用程序完全重启，而使用Webpack HMR只会更新更改的速度加快您的开发过程。设置Webpack的前期费用肯定会在开发过程中得到回报。

Webpack还使您能够使用加载程序。在使用TypeScript的情况下，您可能希望使用ts-loader将代码转换为与您的节点环境兼容的标准javascript代码。

Answer 2

很好，您在服务器端使用的是语言的良好组合。 首先了解我们为什么要使用Webpack。 Webpack用于我们正在生成的构建中的模块捆绑。最佳做法是，我们不应该直接运行源代码。

此外，默认情况下，webpack中有两种常用模式，

• 发展
• 生产

开发版本会生成源地图文件，并且不会缩小和丑化。它包含有关源文件的信息，即使已压缩和编译，也很容易调试开发版本。 仅供参考，由于我在堆栈中使用mongoDB，因此开发构建文件的大小仅为〜51KB。

生产版本将我们的源代码压缩为最小化的单个文件，但执行与源代码相同的任务。它不会产生源地图文件，并且会被丑化和缩小，因此无法进行调试。我的产品构建文件大小仅为〜9KB。

注意文件从dev压缩到prod后的大小差异。

因此，我不仅建议将webpack用于捆绑，还可以使用其中的加载器来配置transpiler选项。

  

注意：Webpack可用于客户端和服务器端。

快乐编码！