为什么构建时要单独从js中提取出css，这样有哪些好处？

构建时将 CSS 从 JS 中提取出来的原因是为了优化网站的性能和加载速度。这样做有以下好处：

1. 减少 CSS 的加载时间：将 CSS 从 JS 中提取出来可以减少 JS 文件的大小，从而减少 JS 文件的加载时间。同时，浏览器可以更快地加载和解析 CSS，提高页面的渲染速度。
2. 提高 CSS 的缓存效果：将 CSS 从 JS 中提取出来可以让浏览器更好地缓存 CSS。这样，当用户再次访问网站时，他们可以更快地加载页面，因为浏览器可以从本地缓存中加载已经缓存的 CSS。
3. 提高 SEO：将 CSS 从 JS 中提取出来可以提高搜索引擎的优化。搜索引擎可以更好地解析 CSS，从而更好地索引网站的内容。
4. 提高可维护性：将 CSS 从 JS 中提取出来可以使代码更加模块化，更易于维护。这样，开发人员可以更容易地修改和维护 CSS，而不需要修改 JS 代码。

推荐的腾讯云相关产品：

1. 腾讯云 COS：腾讯云 COS 是一种存储服务，可以用于存储 CSS、JS 和其他静态文件。这样可以提高网站的加载速度和缓存效果。
2. 腾讯云 CDN：腾讯云 CDN 是一种内容分发网络，可以用于加速 CSS、JS 和其他静态文件的分发。这样可以提高网站的加载速度和缓存效果。
3. 腾讯云 CLS：腾讯云 CLS 是一种日志服务，可以用于记录 CSS、JS 和其他静态文件的访问日志。这样可以帮助开发人员监控网站的性能和稳定性。

相关链接：

1. 腾讯云 COS 产品介绍：https://cloud.tencent.com/product/cos
2. 腾讯云 CDN 产品介绍：https://cloud.tencent.com/product/cdn
3. 腾讯云 CLS 产品介绍：https://cloud.tencent.com/product/cls