老师能简单说下实现css的按需加载思路么

来源：12-7 生成最终使用的样式文件

小帆f

2021-12-31

组件库css文件打包后，用户使用时样式文件是按需引入的。这个怎么实现呢？

写回答

1回答

张轩

2021-12-31

同学你好建议你看这篇文章说的很清楚 https://juejin.cn/post/6844903890077351943

除了 es moduels 的 js 代码以外，还需要将每个样式按照组件单独打包多份。然后使用 babel-plugin-import 插件来完成对应的加载。其实就是一个语法的转换。

import { Button } from 'xxx'
会被转义为
import Button from 'xxx/es/button'
import 'xxx/es/button/style'

然后实现对应的样式和代码都按需加载的效果。

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2123 学习 · 959 问题

相似问题

回答 2

回答 5

回答 1

回答 2

回答 2