草原印象的博客

除了打包应用程序代码，webpack 还可以用于打包 JavaScript library。以下指南适用于希望流水线化(streamline)打包策略的 library 作者。 假设你正在编写一个名为 webpack-numbers 的小的 library，可以将数字 1 到 5 转换为文本表示，反之亦然，例如将 2 转换为 ‘two’。 基本的项目结构可能如下所示： + |- webpack.config.js + |- package.json + |- /src + |- index.js

webpack 是一个模块打包器。webpack 处理带有依赖关系的模块，生成一系列表示这些模块的静态资源。 在 webpack 出现之前，前端开发人员会使用 grunt 和 gulp 等工具来处理资源，并将它们从 /src 文件夹移动到 /dist 或 /build 目录中。同样方式也被用于 JavaScript 模块，但是，像 webpack 这样的工具，将__动态打包(dynamically bundle)__所有依赖项（创建所谓的依赖图( dependency graph）。这是极好的创举，因为现在