MDC-web 如何为每个组件构建单独的 css 文件

MDC-web Howto build individual css files pr component

对于 MDC-Web 项目,webpack 将所有组件捆绑到一个 node_modules/material-components-web/dist/material-components-web.css 为了调试、理解和集成,我尝试构建单独的组件,例如mdc-drawer.css

css 部分的文档表明这是可能的,但没有说明如何 https://github.com/material-components/material-components-web。所以一个人可以获得例如dist/mdc-drawer.cssdist/mdc-drawer.min.css

我想这应该在 webpack 构建的配置中完成 https://github.com/material-components/material-components-web/blob/master/webpack.config.js

有人对此有什么建议吗?

material-components-web 项目的根目录中,运行 命令

npm run build

这会生成 css/js 个文件 pr。组件,在目录 build

为我的目的服务。对 webpack/mdc-web 的经验非常有限,所以如果有更好的退出方式,请毫不犹豫地添加它们。