为什么像 ant design 这样的 React 组件库会同时 bundle 和 transpile？
Why does React component library like ant design bundle and transpile at the same time?
最近尝试分析了ant design等著名的react组件库。而且我发现了一些我不明白的东西
这是node_modules
里面antd(ant design)的目录结构
我们可以看到捆绑文件。
我们可以看到转译后的文件。
当我像这样从 antd 导入一些组件时
import {Button} from "antd"
组件来自转译文件。
所以我的问题是 dist 文件夹（所有捆绑文件）做什么？组件何时来自转译文件？
它用于通过内容分发网络分发他们的图书馆 unpkg. See their package.json which defines the dist dir as the entry point when antd is loaded via https://unpkg.com。当浏览器通过 HTTP 请求时，它们被捆绑和缩小以优化它们的交付。基本上出于所有相同的原因，您可能会使用 webpack 或 rollup 等工具捆绑和缩小您的应用程序代码。
最近尝试分析了ant design等著名的react组件库。而且我发现了一些我不明白的东西
这是node_modules
antd(ant design)的目录结构
我们可以看到捆绑文件。
我们可以看到转译后的文件。
当我像这样从 antd 导入一些组件时
import {Button} from "antd"
组件来自转译文件。
所以我的问题是 dist 文件夹（所有捆绑文件）做什么？组件何时来自转译文件？
它用于通过内容分发网络分发他们的图书馆 unpkg. See their package.json which defines the dist dir as the entry point when antd is loaded via https://unpkg.com。当浏览器通过 HTTP 请求时，它们被捆绑和缩小以优化它们的交付。基本上出于所有相同的原因，您可能会使用 webpack 或 rollup 等工具捆绑和缩小您的应用程序代码。