起步 | webpack 中文网

起步 | webpack 中文网

webpack 用于编译 JavaScript 模块。一旦完成安装,你就可以通过 webpack 的 CLI 或 API 与其配合交互。如果你还不熟悉 webpack,请阅读核心概念和打包器对比,了解为什么你要使用 webpack,而不是社区中的其他工具。 首先我们创建一个目录,初始化 npm,然后 在本地安装 webpack,接着安装 webpack-cli(此工具用于在命令行中运行 webpack): 我们还需要调整 文件,以便确保我们安装包是 ,并且移除 入口。这可以防止意外发布你的代码。 在此示例中, 标签之间存在隐式依赖关系。 文件执行之前,还依赖于页面中引入的 。之所以说是隐式的是因为 并未显式声明需要引入 ,只是假定推测已经存在一个全局变量 。 首先,我们稍微调整下目录结构,将“源”代码( )从我们的“分发”代码( )中分离出来。“源”代码是用于书写和编辑的代码。“分发”代码是构建过程产生的代码最小化和优化后的“输出”目录,最终将在浏览器中加载: 现在,由于通过打包来合成脚本,我们必须更新 文件。因为现在是通过 引入 lodash,所以将 lodash 删除,然后修改另一个 标签来加载

https://www.webpackjs.com/guides/getting-started/


工具 运维