17、WebPack 与 TypeScript 库开发指南

WebPack 与 TypeScript 库开发指南

1. WebPack 基础与使用

1.1 WebPack 概述

WebPack 能够将多个 JavaScript 文件及其依赖捆绑到一个名为“bundle”的单一 JavaScript 文件中。每个入口可以指定一个或多个根文件，这些文件会与其所有依赖一起被捆绑。它与大多数浏览器兼容，支持所有模块系统，并使用各种导入和动态导入语句。

1.2 WebPack 配置示例

在开发模式下，需要修改 Views/Home/Index.csstml 调用的脚本，示例代码如下：

@section Scripts{
    <script src="~/dist/common~fake~main.chunk.js"></script>
    <environment include="Development">
        <script src="~/dist/vendors~main.chunk.js"
                asp-append-version="true"></script>
    </environment>
    <script type="text/javascript" src="~/dist/main.bundle.js"></script>
}

1.3 热模块替换（HMR）

热模块替换允许在不刷新整个